html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{margin:0;padding:0;border:0;font-size:100%;font-weight:400;vertical-align:baseline;background:transparent}
article,aside,figure,footer,header,nav,section,details,summary{display:block}
*,:before,:after{box-sizing:border-box}
img,object,embed{max-width:100%}
html{overflow-y:scroll}
ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}
table{border-collapse:collapse;border-spacing:0}
th{font-weight:700;vertical-align:bottom}
td{font-weight:400;vertical-align:top}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}
input[type="radio"]{vertical-align:text-bottom}
input[type="checkbox"]{vertical-align:bottom}
.ie7 input[type="checkbox"]{vertical-align:baseline}
.ie6 input{vertical-align:text-bottom}
select,input,textarea{font:99% sans-serif}
table{font-size:inherit;font:100%}
small{font-size:85%}
strong{font-weight:700}
td,td img{vertical-align:top}
sub,sup{font-size:75%;line-height:0;position:relative}
sup{top:-.5em}
sub{bottom:-.25em}
pre,code,kbd,samp{font-family:monospace,sans-serif}
.clickable,label,input[type=button],input[type=submit],input[type=file],button{cursor:pointer}
button,input,select,textarea{margin:0}
button,input[type=button]{width:auto;overflow:visible}
.ie7 img{-ms-interpolation-mode:bicubic}
.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden}
.clearfix:after{clear:both}
.clearfix{zoom:1}
/*------------------------------------------------------------
Created by: Dave Rupert
Contact: http://github.com/davatron5000/foldy960
Copyright 2012
--------------------------------------------------------------*/
/* Responsive Resets
-------------------------------------------------------------- */
@-o-viewport {
width: device-width;
}
@-ms-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
html {
overflow-y: auto;
}
img,
audio,
video,
canvas {
max-width: 100%;
}
/* Grid > 6 Column Mobile First
-------------------------------------------------------------- */
.container {
/*
The `max-width` property is the width governer. I dare you to experiment
with setting this larger, something like 1280px.
*/
max-width: 1280px;
width: 92%;
margin: 1em auto;
position: relative;
}
.row {
clear: both;
}
@media screen and (min-width: 480px) {
.container {
width: 98%;
}
.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-half,
.grid-full,
.grid-unit {
float: left;
width: 96.969696969697%;
margin: 0 1.515151515152% 1em;
}
.gallery .grid-unit,
.grid-half {
width:46.969696969697%;
margin: 0 1.515151515152% 1em;
}
.grid-flow-opposite {
float: right;
}
}
@media screen and (min-width: 640px) {
body {
margin: 3em 5em;
}
.grid-1 { width: 13.636363636364%; }
.grid-2 { width: 30.30303030303%; }
.grid-3,
.grid-half { width: 46.969696969697%; }
.grid-4 { width: 63.636363636364%; }
.grid-5 { width: 80.30303030303%; }
.grid-6,
.grid-full { width: 96.969696969697%; }
.gallery .grid-unit {
width: 30.30303030303%;
}
.content-pad-right {
padding-right: 4%; /* Use (or don't) as necessary. */
}
.content-pad-left {
padding-left: 4%;
}
}
/* Micro Clearfix - http://nicolasgallagher.com/micro-clearfix-hack/
For best results, use your favorite clearfix here.
-------------------------------------------------------------- */
.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { zoom:1; } /* For IE 6/7 (trigger hasLayout) */
/* Layout
-------------------------------------------------------------- */
body {
font: 100%/1.5 Times, "Times New Roman", Helvetica, Arial, Verdana, sans-serif;
background-color: #000;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color: #ddd;
}
/* Typography
-------------------------------------------------------------- */
h1 {margin: 0 0 0.25em 0; font-size: 3.5em; line-height: 1.2; letter-spacing: 0.0469em; letter-spacing: 0.075em; text-transform: uppercase; text-align: center;}
h1 a {text-decoration: none;}
@media screen and (min-width: 480px) {
h1 { font-size: 4em; }
h2 { font-size: 1.75em; }
h3 { font-size: 1.75em; }
}
h2, h3 {line-height: 1.3; letter-spacing: 0.1em; text-transform: uppercase;}
h2 {margin: 0 0 0.5em 0; font-size: 1.5em;}
h3 {margin: 0 0 1em 0; font-size: 1.5em; letter-spacing: 0.025em; text-transform: none;}
h4 {font-size: 0.875em; letter-spacing: 1px; text-transform: uppercase;}
hr {width: 15%; margin: 4em auto; height: 1px; color: #444; background-color: #444; border: none;}
p {margin: 1em 0; font-size: 1.125em; orphans: 3;}
li {font-size: 1.125em;}
a.buttonlink {
-o-transition:.1s;
-ms-transition:.1s;
-moz-transition:.1s;
-webkit-transition:.1s;
transition:.1s;
text-decoration: none;
line-height: 2.5;
padding: 0.3125em 0.625em;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
color: #000;
background-color: #fff;
white-space: nowrap;
}
a.buttonlink:focus, a.buttonlink:hover {
color: #000;
background-color:#aaa;
}
a {
color: #ccc;
}
a:focus,
a:hover {
color: #eee;
}
/* Elements
-------------------------------------------------------------- */
section {
font-size: 1em;
text-align: center;
}
.header {
font-size: 0.75em;
}
.center {
text-align: center;
}
@media screen and (min-width: 480px) {
.rwd-break { display: none; }
}
img.cover,
img.border,
.embed-container {
border: 1px solid #444;
}
@media screen and (max-width: 640px) {
img.cover {
margin-bottom: 3em;
}
}
@media screen and (min-width: 640px) {
section {
font-size: 1em;
text-align: left;
}
.header {
font-size: 1em;
}
}
@media screen and (min-width: 980px) {
.narrow {
width: 80%; margin: 0 auto;
}
}
@media screen and (min-width: 1160px) {
.narrow {
width: 65%; margin: 0 auto;
}
}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-top: 1.5em; margin-bottom: 1.5em; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }