* { margin: 0; padding: 0; border: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html {font-size: 100%; color: #57534A;}

body {line-height: 1; font-variant-ligatures: common-ligatures; text-rendering: optimizeLegibility; -webkit-font-smoothing: subpixel-antialiased; font: 80%/1.5 source-sans-pro, 'Source Sans Pro', "Helvetica Neue", Helvetica, Arial, sans-serif; background:#292724; background: #fff;}

header { width: 100%; /* position: fixed; z-index: 99; top: 0; */ text-align: center; text-transform: uppercase; font-size: 0.9em; letter-spacing: 1px; background: white; padding-bottom: 15px; padding-top: 15px; margin: 0 auto; border-bottom: 1px solid #eee;}

.bolt {color: #005596;}

.container {width: 960px;}

a {text-decoration: none; color: #57534A;}
a[href$='.vcf'] {color: #c0bdb6; padding-left: .15em;}
a:hover {color: #005596;}

dfn {font-style: normal;}

header h1, header h1 a, header h1 a:hover {display: inline-block; margin: 0.7em 0 0 0; font-size: 15px; font-weight: 600; letter-spacing: 1px; line-height: 1.5; text-transform: uppercase; color: #423F37;}

header h2, header h2 a, header h2 a:hover {display: inline-block; margin: 0.2em 0 0.5em 0.25em; font-size: 0.95em; letter-spacing: 3px; font-weight: 600; color: #57534A;}
.director {position : relative; top : -.1em;}
.bolt {position : relative; top : -.15em; font-weight: 300; font-size: 0.85em;}
.icon-bolt {color: #005596;}
.icon-profile3 {position : relative; top : .1em; }

header h3 {margin: 1.2em 0 0.2em 0; font-size: 0.85em; letter-spacing: 2px; font-weight: 300; color: #A19C91;}

/* .director:before {
   content: "\26A1\FE0E ";
} */

section {margin: 0 auto; min-height: 400px;}
#cover {width: 90%; height: auto;}
#cover img {width: 100%;}
#cover img:hover {opacity: .75;}

#indent {padding: 0 0 0 100px;}


/* .post {width: 280px; display: inline-block; vertical-align: top;}
.info {width: 580px; padding: 0 0 0 20px; display: inline-block; vertical-align: top;} */
/* #signal, #love {min-height: 415px; margin-bottom: 50px; /* overflow: auto; zoom: 1; }*/

.poster {-moz-box-shadow: 5px 5px 5px #888; -webkit-box-shadow: 5px 5px 5px #888; box-shadow: 5px 5px 5px #888; }
#love {margin: 4em 0 0 0;}

/* ul.swap {list-style: none; margin:0;padding:0;}
.edge { overflow:hidden; position:relative; -moz-box-shadow: 5px 5px 5px #888; -webkit-box-shadow: 5px 5px 5px #888; box-shadow: 5px 5px 5px #888;}
.swap li div:hover .shadow {opacity:0;}
.swap img {position:relative; top:0;left:0; max-width:auto;vertical-align:bottom;
    -moz-transform-origin:50% 50%;
    -webkit-transform-origin:50% 50%;
    -o-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-transition:all .5s .2s;-moz-transition:all .5s .2s; -o-transition:all .5s .2s;-ms-transition:all .5s .2s; transition:all .5s .2s; }
.swap li div img.onhover {opacity:0;position:absolute;}
.swap li div:hover img.onhover {opacity:1;} */

blockquote {margin: 0 0 .2em 0;}
blockquote p {font-style: italic; display: inline;}
blockquote p:before {content:"\201C";}
blockquote p:after {content:"\201D";}

.diaeresis:after {content:"\00A8"; color: #c0bdb6; z-index:-1; position: relative; left: -0.54em; margin-right: -.54em;}

footer {margin: 2em 0 2em 0; text-align: center; font-size: 0.85em; color: #c0bdb6;} /*c0bdb6*/
footer a {color: #c0bdb6;}
footer dfn[lang] {color: #dfdeda;}

/* @media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

#page {width: 320px; margin: 0 auto;}
#indent {padding: 0 0 0 0;}
.poster {-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
section {min-height: 300px;}
.post {width: 40px; display: block;}
.info {width: 200px; padding: 0 0 0 4px; display: block;}
} */