html, button, input, select, textarea {color: #222;}
html {
    font-size: 1em;
    line-height: 1.4;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
html, button, input, select, textarea { font-family: sans-serif; }
body { margin: 0; padding: 0;}
::-moz-selection { background: #fc9070; text-shadow: none;} ::selection {background: #fc9070; text-shadow: none;}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio, canvas, img, video { vertical-align: middle;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}
audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
audio:not([controls]) {display: none; height: 0;}
[hidden] {display: none;}
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical;}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
a:focus {outline: thin dotted;}
a:active, a:hover { outline: 0;}
p, pre {margin: 1em 0;}
h1 {
    font-size: 2em;
    margin: 0 0 0.67em 0;
    width:calc(100% - 300px);
}

h2 {
    font-size: 1.5em;
    margin: 0 0 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 0 0 1em 0;
}

h4 {
    font-size: 1em;
    margin: 0 0 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 0 0 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 0 0 2.33em 0;
}

abbr[title] { border-bottom: 1px dotted;}  b, strong { font-weight: bold;} blockquote { margin: 1em 40px;}
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-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: 80%; }
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup { top: -0.5em;} sub { bottom: -0.25em;} dl, menu, ol, ul { margin: 1em 0; }
dd { margin: 0 0 0 40px; } menu, ol, ul {padding: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; }
img { border: 0; -ms-interpolation-mode: bicubic;}
svg:not(:root) {  overflow: hidden; }
figure { margin: 0; } form { margin: 0; }
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px;
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}
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;
    *overflow: visible;
}

button[disabled], html input[disabled] {cursor: default; }

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px;
}

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;}

.iframe {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.red-text {color:#ff0000;} .black-text {color:#000000;}
header { background: #ff0000; height: 4em;}
header h1 {margin: 0 0 1em 0;}
.logo {margin: 0 auto; text-align: center;}
.logo img {max-width: 100%; display:block; height: auto; margin:0 auto;}
.moratorium-now{margin: 0 auto; text-align: center;}
.moratorium-now img {max-width: 100%; display:block; height: auto; margin: 0 auto;}
section {margin:0; padding:0; width: 100%; height:auto;}
.side-effects {
    max-width:100%;
    height: auto;
    display:block;
    background-image:url(../img/fracking-pipeline-Reuters-01072012-Les-Stone.jpg);
    background-size: cover;
    background-position: 100% 50%;
    margin:0;
    padding:0;
}
.the-darker-side {  background: rgba(255,255,255,0.7); height: 100%; padding: 1em 0 5em 0;}
.more-information {
    max-width:100%;
    display:block;
    height: 5em;
    background: #646464;
    margin:0;
    padding:2em 0;
    background-image:url(../img/tagline.png);
    background-position: 100% 50%;
}
.main-form {
    max-width:100%;
    height: auto;
    display:block;
    background: #F02929;
    margin:0;
    padding:2em 0 3em 0;

}

.nofracking {padding: 2em;}

.photo-credit {width: 15em; padding: 0.25em; background: rgba(74,74,74,0.3); position: relative; margin: -2em 0 0 0;}
.photo-credit p {font-size: 0.5em;color: #ffffff; margin: 0; padding:0;}
.photo-credit a {text-decoration: none; border-bottom: 0.1em dotted #333333; color:#333333;}
.pattern {margin:0; padding:0;}
.tri-col-group > div {
    padding: 1em 0;
}

@media screen and (min-width: 40em) {
    .tri-col-group {
        overflow: hidden;
    }
    .tri-col-group > div {
        float: left;
        width: 33.3333333%;
    }
}
.vid-container {
    width: 70%;
    padding: 0;
    margin:0px auto;
    background:#fff;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
}

footer { background: #3a3a3a; min-height: 5em;}
footer p {font-size: 0.8em; margin:0; padding:0;}






/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.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;}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/********** Print styles. ***********/

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: 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;}
}