/* @font-face at-rules. */ @font-face { font-family: "M+ 1p"; font-style: normal; font-weight: normal; src: local("M+ 1p"), local("M+-1p"), local("M+ 1p Regular"), local("M+-1p-Regular"), url("../fonts/mplus-1p-regular.ttf") format("truetype"); } @font-face { font-family: "M+ 1p"; font-style: normal; font-weight: bold; src: local("M+ 1p Bold"), local("M+-1p-Bold"), url("../fonts/mplus-1p-bold.ttf") format("truetype"); } /* Set consistent default values. */ * { margin: 0; padding: 0; background: none; border: 0 none; font-size: 100.000%; vertical-align: baseline; } html { background-color: #1F1FAF; } body { position: absolute; top: 0; right: 0; left: 0; background-image: url("../images/header-gradient.png"); background-repeat: repeat-x; background-position: 0 0; background-attachment: scroll; background-color: #FFFFFF; background-size: auto 16.000em; min-width: 68.571em; min-height: 100.000%; color: #000000; font-family: "M+ 1p", "DejaVu Sans", "sans-serif"; font-size: 0.875em; /*font-size: 1.000em;*/ } a, a *, a:visited, a:visited * { color: #1F1FAF; text-decoration: none; } a:hover, a:hover *, a:active, a:active * { color: #1F1FAF; text-decoration: underline; } header, h1, h2 { color: #1F1FAF; font-weight: bold; font-family: "M+ 1p", "DejaVu Sans", "sans-serif"; line-height: 2.000em; } h1 { font-size: 1.500em; margin: 0.333em 0 0.333em 0; clear: left; } h2 { font-size: 1.250em; margin: 0.400em 0 0.400em 0; } p { font-size: 1.000em; margin: 0.500em 0 0.500em 0; } ul, ol { margin: 0.500em 0 0.500em 1.500em; } ul ul, ul ol, ol ul, ol ol { margin: 0 0 0 1.500em; } li { font-size: 1.000em; } code { font-size: 1.000em; font-family: monospace; background-color: #FFFF99; } pre { font-size: 1.000em; margin: 0.500em 0 0.500em 2.000em; background-color: #FFFF99; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } blockquote { font-size: 1.000em; margin: 0.500em 0 0.500em 1.500em; } a.skip { position: absolute; top: -9000px; left: 0; } span.super { vertical-align: 33.000%; font-size: 0.750em; } div.clear { clear: both; padding: 2.000em 0 0 0; } hr { font-size: 1.750em; margin: 0.500em 0; height: 0.056em; background-color: #1F1FAF; } /* Navigation header. */ nav { height: 4.000em; margin: 1.750em 1.750em; padding: 0 6.250%; } nav a.logo { display: block; float: left; width: 18.875em; height: 4.000em; margin-left: -0.250em; text-indent: -9000em; background-image: url("../images/title-logo-right-56.png"); background-repeat: no-repeat; transition: all 250ms ease-in-out 0s; -moz-transition: all 250ms ease-in-out 0s; -wekbit-transition: all 250ms ease-in-out 0s; -o-transition: all 250ms ease-in-out 0s; } /* Document body. */ div.main { clear: both; margin: 1.750em 0 8.000em 0; padding: 0 6.250%; } div.body { margin: 0; padding: 0; } header { font-size: 1.750em; line-height: 1.000em; border-width: 0 0 0.056em 0; border-style: solid; border-color: #1F1FAF; margin: 0 0 0.500em 0; padding: 0 0 0.250em 0; } /* Document footer. */ footer { position: absolute; right: 0; bottom: 0; left: 0; margin: -8.000em 0 0 0; padding: 0 6.250% 0.500em 6.250%; height: 8.000em; /* For prototyping: background-image: -moz-linear-gradient(bottom, rgba(31, 31, 175, 0.625) 0.000%, rgba(31, 31, 175, 0.500) 6.250%, rgba(31, 31, 175, 0.000) 100.000%);*/ background-image: url("../images/footer-gradient.png"); } footer > div { position: absolute; bottom: 1.000em; } footer > div > p.copyright { color: #3F3F3F; font-size: 0.750em; }