/* file: /site.css */


@font-face {
    font-family: 'sinkin_sans700_bold';
    src: url('SinkinSans-700Bold-webfont.eot');
    src: url('SinkinSans-700Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('SinkinSans-700Bold-webfont.woff') format('woff'),
         url('SinkinSans-700Bold-webfont.ttf') format('truetype'),
         url('SinkinSans-700Bold-webfont.svg#sinkin_sans700_bold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@media all {
/* ========================================== tag selectors ============================================= */
* {
	padding: 0; margin: 0;
	border: 0 none; outline: 0;
	text-align: inherit;
	vertical-align: baseline;
	line-height: inherit;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	color: inherit;
}
html {
	font-family: 'sinkin_sans700_bold', Verdana, sans-serif, Arial, Helvetica;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body {
	line-height: 1.2;
	font-size: 1.2em;
	font-weight: normal;
}
h1, h2, h3, h4, h5, h6,
p, pre, blockquote, form, dl, dd, ul, ol, li { margin: .5em 0 }
li, dd, blockquote { margin-left: 1em }
table {
	border-collapse: collapse;
	border-spacing: 0;
}

}


/* ====================================================================================================== */
/* ==========================================  "mobile first"  ========================================== */
/* ====================================================================================================== */
@media screen {
/* ========================================== tag selectors ============================================= */
html, body {
	background-color: #000000;
	color: #FDFDFD;
}
body {margin: auto; max-width: 75em}

p, ul, li {margin: .25em 0}

h1, h2, h3, h4, h5, h6 {font-weight: bold; margin-bottom: .4375em}
h1 {
	font-size: 1.25em;
	font-variant: small-caps;
	text-align: center;
}														
h2 {font-size: 1.3125em; font-family: serif; font-weight: normal}
h3 {font-size: .875em}												/* section subheader */
h4 {font-size: .6875em; font-weight: normal; font-style: italic; text-decoration: underline}										
b {font-weight: bold}
img {max-width: 100%; vertical-align: middle; border: none}
img {-ms-interpolation-mode: bicubic;} /* IE7: better img interpolation */
input, select {color: #EDEDED; border: 1px solid #888888}

svg:not(:root) {overflow: hidden} /* IE9: SVG bug */

a, a:link, a:visited {text-decoration: none; color: #FDFDFD; cursor: pointer}
a:visited {color: #EDEDED}
a:hover, a:focus, a:active {text-decoration: underline; color: #FFFFFF}
a:active {background-color: #888888}

::selection {background: #888888; color: #FDFDFD; text-shadow: none}



/* ======================================= class and id selectors ======================================= */
.debug { display: none } /* manipulated from JS */
.no-css { display: none }

.inline-emphasize { font-weight: bold }
.subscr, .supscr { line-height: 0; font-size: 75% }
.subscr { vertical-align: sub }
.supscr { vertical-align: super }


/* ======================================= main content ======================================= */
div {margin: auto}

h1 {position: fixed; left: .5em; top: .5em}

#main {display: none}

}