@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);
/* border-box everywhere */
html { box-sizing: border-box; }

*, *:before, *:after { box-sizing: inherit; }

body { margin: 0; padding: 0; background: #fff; color: #212121; font-family: 'pt sans', helvetica, sans-serif; }

/* GENERAL STYLES */
figure { margin: 1.5em 0; font-size: 0.9em; }

figcaption { font-style: italic; margin: 0.25em 0.25em 1em 0.25em; }

/* TOP NAV */
nav.top-bar { display: block; background: #212121; color: #fff; padding: 0; border-bottom: 1px solid #616161; }
nav.top-bar h1 { margin: 0; font-weight: normal; font-size: 2.0em; vertical-align: middle; position: relative; left: -1.75em; }
nav.top-bar img { height: 1.25em; width: 1.25em; float: left; margin-right: 0.25em; }
nav.top-bar a, nav.top-bar a:visited, nav.top-bar a:link { padding: 0.8em 0 0.8em 10%; color: #fff; text-decoration: none; display: block; }

footer.bottom-bar { display: block; background: #212121; padding: 20px 10%; color: #919191; clear: all; }

/* ARTICLE / CONTENT PAGES */
article { background: #fff; color: #212121; max-width: 38em; margin: 3em 10%; font-size: 130%; }
article h1, article h2, article h3 { font-family: 'oswald', georgia, serif; font-weight: normal; }
article header p { font-size: 75%; color: #555; margin-top: 0; }
article header h1 { font-size: 1.7em; margin-bottom: 0; }
article a, article a:link { color: #c00; }
article img { max-width: 100%; }

/* BLOG INDEX */
dl.date-list { width: 100%; line-height: 2; font-weight: bold; }
dl.date-list dt { width: 150px; text-align: right; float: left; clear: left; padding-right: 10px; color: #515151; }

/* HOME */
body.page-home { background: #212121; color: #fff; }
body.page-home a, body.page-home a:visited, body.page-home a:link { color: #717171; }
body.page-home a:hover { color: #e1e1e1; }
body.page-home header { display: block; height: 10vh; }
body.page-home main { display: block; height: 70vh; margin: 0; padding: 0; }
body.page-home main div { width: 100%; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
body.page-home main h1 { text-align: center; width: 100%; font-size: 15vmin; font-weight: normal; margin: 0; }
body.page-home main img { height: 18vh; color: #fff; margin: 0 auto -5vh auto; display: block; }
body.page-home footer { height: 20vh; width: 100%; margin: 0; padding: 0; font-size: 2vmin; color: #717171; }
body.page-home footer ul { display: table; margin: 0 auto; padding: 0; height: 80%; width: 90vmin; }
body.page-home footer li { list-style: none inside none; display: table-cell; text-align: center; vertical-align: bottom; height: 100%; width: 33%; }
body.page-home footer strong, body.page-home footer a, body.page-home footer a:link { color: #e1e1e1; font-weight: normal; }
body.page-home footer img { height: 6vmin; width: 6vmin; }

/* ERROR PAGES */
body.error-page { background: #212121; color: #fff; text-align: center; }
body.error-page h1 { font-size: 20vmin; margin: 20vmin 0 5vmin 0; }
body.error-page p { font-size: 5vmin; margin: 0; }