@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

/*! normalize.css v2.1.2 | MIT License | git.io/normalize */

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
a{background:transparent}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em;margin:.67em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}
pre{white-space:pre-wrap}
q{quotes:"\201C" "\201D" "\2018" "\2019"}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:0}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
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-cancel-button,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}
table{border-collapse:collapse;border-spacing:0}

/* ------------------------------------------
CSS3 FACEBOOK-STYLE BUTTONS (Nicolas Gallagher)
MIT License
http://github.com/necolas/css3-facebook-buttons
------------------------------------------ */

.uibutton,.uibutton:visited{position:relative;z-index:1;overflow:visible;display:inline-block;padding:.3em .6em .375em;border:1px solid #999;border-bottom-color:#888;margin:0;text-decoration:none;text-align:center;font:bold 11px/normal 'lucida grande',tahoma,verdana,arial,sans-serif;white-space:nowrap;cursor:pointer;color:#333;background-color:#eee;background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f6f6),to(#e4e4e3));background-image:-moz-linear-gradient(#f5f6f6,#e4e4e3);background-image:-o-linear-gradient(#f5f6f6,#e4e4e3);background-image:linear-gradient(#f5f6f6,#e4e4e3);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f6f6',EndColorStr='#e4e4e3');-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.1),inset 0 1px 0 #fff;-moz-box-shadow:0 1px 0 rgba(0,0,0,0.1),inset 0 1px 0 #fff;box-shadow:0 1px 0 rgba(0,0,0,0.1),inset 0 1px 0 #fff;zoom:1;*display:inline}
.uibutton:hover,.uibutton:focus,.uibutton:active{border-color:#777 #777 #666}
.uibutton:active{border-color:#aaa;background:#ddd;filter:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.uibutton::-moz-focus-inner{padding:0;border:0}
.uibutton.icon:before{content:"";position:relative;top:1px;float:left;width:10px;height:12px;margin:0 .5em 0 0;background:url(fb-icons.png) 99px 99px no-repeat}
.uibutton.edit:before{background-position:0 0}
.uibutton.add:before{background-position:-10px 0}
.uibutton.secure:before{background-position:-20px 0}
.uibutton.prev:before{background-position:-30px 0}
.uibutton.next:before{float:right;margin:0 -0.25em 0 .5em;background-position:-40px 0}
.uibutton.large{font-size:13px}
.uibutton.confirm{border-color:#29447e #29447e #1a356e;color:#fff;background-color:#5b74a8;background-image:-webkit-gradient(linear,0 0,0 100%,from(#637bad),to(#5872a7));background-image:-moz-linear-gradient(#637bad,#5872a7);background-image:-o-linear-gradient(#637bad,#5872a7);background-image:linear-gradient(#637bad,#5872a7);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#637bad',EndColorStr='#5872a7');-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.1),inset 0 1px 0 #8a9cc2;-moz-box-shadow:0 1px 0 rgba(0,0,0,0.1),inset 0 1px 0 #8a9cc2;box-shadow:0 1px 0 rgba(0,0,0,0.1),inset 0 1px 0 #8a9cc2}
.uibutton.confirm:active{border-color:#29447e;background:#4f6aa3;filter:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.uibutton.special{border-color:#3b6e22 #3b6e22 #2c5115;color:#fff;background-color:#69a74e;background-image:-webkit-gradient(linear,0 0,0 100%,from(#75ae5c),to(#67a54b));background-image:-moz-linear-gradient(#75ae5c,#67a54b);background-image:-o-linear-gradient(#75ae5c,#67a54b);background-image:linear-gradient(#75ae5c,#67a54b);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#75ae5c',EndColorStr='#67a54b');-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.1),inset 0 1px 0 #98c286;-moz-box-shadow:0 1px 0 rgba(0,0,0,0.1),inset 0 1px 0 #98c286;box-shadow:0 1px 0 rgba(0,0,0,0.1),inset 0 1px 0 #98c286}
.uibutton.special:active{border-color:#3b6e22;background:#609946;filter:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.uibutton.disable{z-index:0;border-color:#c8c8c8;color:#b8b8b8;background:#f2f2f2;cursor:default;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.uibutton.confirm.disable{color:#fff;border-color:#94a2bf;background:#adbad4}
.uibutton.special.disable{color:#fff;border-color:#9db791;background:#b4d3a7}
.uibutton.disable.icon:before,.uibutton.disable.icon:after{opacity:.5}
.uibutton-group{display:inline-block;list-style:none;padding:0;margin:0;zoom:1;*display:inline}
.uibutton+.uibutton,.uibutton+.uibutton-group,.uibutton-group+.uibutton,.uibutton-group+.uibutton-group{margin-left:3px}
.uibutton-group li{float:left;padding:0;margin:0}
.uibutton-group .uibutton{float:left;margin-left:-1px}
.uibutton-group .uibutton:hover,.uibutton-group .uibutton:focus,.uibutton-group .uibutton:active{z-index:2}
.uibutton-group>.uibutton:first-child,.uibutton-group li:first-child .uibutton{margin-left:0}
.uibutton-toolbar{padding:6px;border-top:1px solid #ccc;background:#f2f2f2}
.uibutton-toolbar .uibutton,.uibutton-toolbar .uibutton-group{vertical-align:bottom}

/* ==========================================================================
   SITE STYLEZ
   ========================================================================== */

* {  moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: 'Source Sans Pro', sans-serif; }
html { font-size: 62.5%; }
html, body { width: 100%; height: 100%; }

h1, h2, h3, h4, h5, nav a { font-family: "Georgia", "Times New Roman", serif; font-weight: normal; font-style: italic }

::selection { background: #ffd32f; }
::-moz-selection {background: #ffd32f;}

#film-wrapper { min-height: 500px; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s;transition: opacity 0.5s;  }

.header-wrapper { position: relative; height: 65px; z-index:667}

header { position:fixed; z-index: 666; margin: 0 auto; width: 100%; height: 65px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;  transition: all 0.5s; display: table-cell; vertical-align: middle; background: white; border-bottom: thin solid #D6D6D6; overflow: hidden; }
#logo { line-height: 65px; vertical-align: middle; margin-left: 2%; height:65px; /* temp hack for vertical aligning this ish */}
#three-fifty { vertical-align: middle; margin-right: 2% }
#three-fifty:hover { -webkit-filter: sepia(100%); -webkit-transition: all 500ms; -moz-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; }
header img:hover { cursor: pointer }
nav { display: block; line-height: 65px; float:right; overflow:hidden; white-space: nowrap; padding-right: 2% }
nav a { font-size:20px; color: #404041; text-decoration: none; margin: 0 2%; -wekit-transition: color 0.25s; -moz-transition: color 0.25s; -o-transition: color 0.25s; transition: color 0.25s;  }
nav a:hover, nav a.active { color: #ffd32f }

#petition-link { padding-left: 10px; }

.nav { min-width: 150px;  }
.nav-wrapper { float:right; width: 89%; }
.nav-wrapper a { width: 24%; padding: 10px 10px }

.title { color: #FFDD17 }
.byline { color: white; font-size: 11px; }
.byline, .title { display: block; }
.logo { width: 10%; border-right: thin solid rgb(10,10,10); line-height: 100px; text-align: center;}

footer { min-height: 200px; border-top: thin solid #cfcfcf; line-height: 200px; padding: 0 50px; }
footer a { color: #444; margin-right: 25px; text-decoration: none; font-weight: normal; }
footer a:hover { color: #ffd32f; -webkit-transition: color 0.25s; -moz-transition: color 0.25s; -o-transition: color 0.25s; transition: color 0.25s; }
footer iframe { vertical-align: middle; }

section { transition: all 500ms; -webkit-transition: all 500ms; -moz-transition: all 500ms; -o-transition: all 500ms; }
section.current { background: #ffd32f; }

.content { padding: 5% 10%; position: relative; overflow: hidden; }
.content h1 { text-transform: uppercase; border-bottom: thin solid #444; }

/* ==========================================================================
   FILM
   ========================================================================== */

#share-video { width: 100%; border-bottom: thin solid #dfdfdf; }
.share-video-inner-wrapper { display: block; margin: 0 auto; text-align:center; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; padding: 10px 0; }
.transparent { opacity: 0 }
.share-video-inner-wrapper h4 { margin: 5px }
.twitter-share-button, .fb-like { display: inline; }
/* facebook ish */
.fb-like { vertical-align:top;zoom:1;*display:inline; }

/* ==========================================================================
   PETITION
   ========================================================================== */

.petition-description { width: 48%; float: left; }
.petition-description table { width: 100%; margin-top: 0; padding-bottom: 0 }
.petition-description td { vertical-align: middle; }
.petition-description tr { border-bottom: thin solid #111; }
.callout { padding: 0 15px 0 0; font-size: 13px; }
.stat { font-size: 40px;  }

.petition-text, .petition-form select, .petition-form option { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: thin solid #FFDD17; border-radius: 2px; height: 40px; width: 250px; font-size:20px; display: block; margin: 10px; padding-left:10px; color: #444}

.petition-form { width: 48%; float: right; }
#petition-thanks iframe { vertical-align: bottom; float: right; }
#thanks-wrapper .uibutton { max-width: 200px; display: inline}
#petition { -webkit-box-shadow: 0px 0px 5px rgba(250,250,250, 0.75); -moz-box-shadow: 0px 0px 5px rgba(250,250,250, 0.75); box-shadow: 0px 0px 5px rgba(250,250,250, 0.75); }
#petition p { border-bottom: thin solid #111; padding-bottom: 25px }
.petition-form form { margin-top: 25px }
.petition-form input[type='submit'] { background: #444; border: none;  margin: 10px; -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all; -moz-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all; -ms-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all; -o-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all; transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all; color: whiteSmoke; padding: 10px 15px; font-size: 20px; }
#petition.current input[type='submit'], .petition-form input[type='submit']:hover { background: #ffd32f; color: #444}
.petition-form select { color: #a9a9a9 }
.petition p { margin: 10px 0; }
.petition-form a { clear:both; display: block; margin-left:10px; font-size:10px; color: #444; text-decoration: none }
.petition-form a:hover { color: #ffd32f; }
#petition.current .petition-form a { color:#ffd32f; }

/* ==========================================================================
   FACTS
   ========================================================================== */

#facts p { padding-top: 20px; padding-top:2rem; width: 60%; }
#facts { overflow: hidden }
.facts-wrapper { height: 80%;}

/* ==========================================================================
   DENIERS
   ========================================================================== */

#deniers { overflow: hidden }
.deniers-list { width: 35%; float: left; }
.deniers-info { width: 60%; float: right; }
#denier-list { padding-bottom:20px; }
ul, li { list-style-type: none; padding: 0; }
li { padding: 8px; position: relative; }

.deniers-about { display:block; width: 100%; overflow: hidden; }
.deniers-info img { float: left; margin-right: 20px; margin-top: 16px }

#denier-list, .deniers-info { position: relative; overflow: auto }
#denier-list li:hover { cursor: pointer; background: #444; color: white; }
.denier { display: none; transition: all 0.25s; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; }
.denier li { font-size: 13px }
.active-denier { display: block }
#denier-list li.active-denier-trigger { background: #ffd32f; color: black  }
#denier-list li.active-denier-trigger:hover { background: #ffd32f; color: white }

.denier-facts, .denier-quotes { display: none }

.source-link, .voting-record { text-decoration: none; padding: 2px 4px; background: #ffd32f; color: #444; transition: all 250ms; -webkit-transition: all 250ms; -moz-transition: all 250ms; -o-transition: all 250ms; float:left; margin-top: 10px; display: inline-block; clear: both;}
.source-link:hover, .voting-record:hover { color: white; background: #444; }
.source-link:active, .voting-record:active { color: #ffd3b2f; background: white; }
.denier iframe { display: block; margin-top: 20px }
/* .denier h3 { display: none } */

.denier-pic { height: 150px; position: relative; float: left; -webkit-transition: all 500ms; -moz-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; max-width: 100%; opacity: 0;}
.denier-pic.show { opacity: 1 }
blockquote { position: relative; display: inline-block; font-size: 20px; font-size: 2.0rem;  font-family: "Georgia", serif; font-style: italic; margin: 55px 0 50px; display: inline}

.denier-info-meta { width: 20%; float: left; }

.denier-info-main { width: 75%;margin-left: 25%; }

.denier-info-main h2 { margin-bottom: 0; }
.denier-info-main h3 { margin-top: 0; }

.tweeter-button { margin-bottom: 25px }
.bqstart, .bqend { z-index: -1; color: #ffd32f; position: absolute; font-size: 500% }
.bqstart { float: left; top: -43px; left: -30px; }
.bqend { float: right; bottom: -125px; right: 1px; bottom: -85px; right: -19px; }
/* .bqend { display: none } */

/* ==========================================================================
   SAVE A NAME
   ========================================================================== */

#friend-list { list-style-type: none; height: 200px; overflow: scroll;}
.hurricane-friend img { display:block; margin: 0 auto; }
.hurricane-friend { display: inline-block; text-align: center; }
.hurricane-friend span { display: block }

#save-my-name-wrapper { height: 75% }

#save-my-name-wrapper button { display: block; margin: 20px auto }
#save-my-name-wrapper h3 { text-align: center; margin-top: 20px; margin-bottom: 0; }
#save-my-name-friend-list-wrapper { height: 100%; margin-top: 20px; display: none}

.save-image-wrapper { width: 25%; display: inline-block; }
.save-image-wrapper img { width: 100%; display: block; margin: 0 auto; -webkit-transition: all 250ms; -moz-transition: all 250ms; -o-transition: all 250ms; transition: all 250ms;  }
.save-image-wrapper h2 { text-align: center; }

#save-my-name-wrapper { margin-top: 2% }

#friend-list { height: 100%; width: 100%; margin-bottom: 100px; }
#friend-list td { text-align: center }
.hurricane-friend { width: 15% }
.hurricane-friend img { width: 100%; /* border: 5px solid white */ }
.hurricane-friend:hover { cursor: pointer; color: #ffd32f }
/*.hurricane-friend:hover img { border: 5px solid #ffd32f } */
.hurricane-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

#save-my-name-intro img { max-width: 100%; }
#save-my-name-intro img:hover { cursor: pointer }
#pre-login { width: 100%; height: 100%; margin: 0 auto; }

#pre-login li { display: inline; margin: 0; padding: 0; -webkit-transition: all 500ms; -moz-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; }
#pre-login td { text-align: center; }

/* ==========================================================================
   PRESS
   ========================================================================== */

#press .legitimizer-container { width: 100%; box-shadow: none; background-color: transparent; border-radius: 0; margin-top: 20px; }
.pq { font-style: italic; font-size: 40px; width: 100%; text-align: center; padding-bottom: 20px; }


/* ==========================================================================
   TYPOGRAPHY
   ========================================================================== */

@media (max-width: 640px) {
  body { font-size: 1.2rem; }
}

@media (min-width: 640px) {
  body { font-size: 1.0rem;}  }

@media (min-width:960px) {
  body { font-size: 1.2rem; }

}
@media (min-width:1100px) {
  body { font-size: 1.5rem; }
}