@charset "utf-8";
/* Boilerplate CSS Document */
/* DARK IMAGININGS CSS Version 1.01 */

/* ######################################## */

/* ~~ CSS TOTAL RESET ~~ */

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp
{
	border: 0 none;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0 none;
	padding: 0;
	vertical-align: baseline;
}

html, body {
	height: 100%;
	min-height: 100%;
}

body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background-color: #000;
	margin: 0;
	padding: 0;
	color: #FFF;
	text-align: center;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { /*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.

  IE8 (and lower) requires a shiv:
  http://ejohn.org/blog/html5-shiv
*/ display: block; }

b, strong { /*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/ font-weight: bold; }

img {
	color: transparent;
	font-size: 0;
	vertical-align: middle;
	/*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
	-ms-interpolation-mode: bicubic;
}

ol, ul { list-style: none; }

li { /*
  For IE6 + IE7:

  "display: list-item" keeps bullets from
  disappearing if hasLayout is triggered.
*/ display: list-item; }

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th, td, caption {
	font-weight: normal;
	vertical-align: top;
	text-align: left;
}

q { quotes: none; }

q:before, q:after {
	content: '';
	content: none;
}

sub, sup, small { font-size: 75%; }

sub, sup {
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub { bottom: -0.25em; }

sup { top: -0.5em; }

svg { /*
  For IE9. Without, occasionally draws shapes
  outside the boundaries of <svg> rectangle.
*/ overflow: hidden; }

/* ~~ Simple fluid media ~~ */
/*   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/

img, object, embed, video { max-width: 100%; }
/* IE 6 does not support max-width so default to width 100% */
.ie6 img { width: 100%; }

/* ~~ ELEMENT/TAG SELECTORS ~~ */
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 15px;
	padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
}

a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */ border: none; }

/* ~~ GENERIC LINKS ~~ */

a:link {
	color: #00F;
	text-decoration: underline;
}

a:visited {
	color: #90F;
	text-decoration: underline;
}

a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */ text-decoration: none; }

/* ~~ Hi-Res ~~ */
.hires {} /* For Hi-Res Retina Images */