html {
	background: #000;
	min-height: 900px;
	-webkit-font-smoothing: antialiased;
}

body {
	font-size: 100%;
	font-family: Bitter, "Times New Roman", Times, serif;
	background-color: #000;
	margin: 0;
	padding: 0;
	color: #d6e1f6;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0 0 20px 0;
	line-height: 100%;
}

p {
	margin: 0;
	padding: 0;
}

.hidden {
	display: none;
}

.hideText {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.no-js div.loadHidden {
	display: block;
}

/* ----------------------------------------------------------------------------
  Graphics
---------------------------------------------------------------------------- */

div.buffer.first {
	background-color: transparent;
	height: 420px;
	margin: 0 auto;
	padding: 0;
}

div.button.purchase {
	height: 100px;
	margin: 0 auto;
	padding: 0;
	width: 400px;
}

div.button.purchase > .content {
	background: transparent url('/graphics/helloween16/buttonsp.png') left top no-repeat;
	height: 100px;
	width: 400px;
	display: block;
}

div.button.purchase > .content:hover {
	background: transparent url('/graphics/helloween16/buttonsp.png') left -100px no-repeat;
	height: 100px;
	width: 400px;
	display: block;
}

.js div.button.purchase {
	display: none;
}

table.socials {
	margin: 0 auto;
}

div.button.youtube {
	height: 80px;
	margin: 0 auto;
	padding: 0;
	width: 80px;
}

div.button.youtube > .content {
	background: transparent url('/graphics/helloween16/buttonsp.png') -400px top no-repeat;
	height: 80px;
	width: 80px;
	display: block;
}

div.button.youtube > .content:hover {
	background: transparent url('/graphics/helloween16/buttonsp.png') -480px top no-repeat;
	display: block;
}


div.button.facebook {
	height: 80px;
	margin: 0 auto;
	padding: 0;
	width: 80px;
}

div.button.facebook > .content {
	background: transparent url('/graphics/helloween16/buttonsp.png') -400px -80px no-repeat;
	height: 80px;
	width: 80px;
	display: block;
}

div.button.facebook > .content:hover {
	background: transparent url('/graphics/helloween16/buttonsp.png') -480px -80px no-repeat;
	display: block;
}


div.button.email {
	height: 80px;
	margin: 0 auto;
	padding: 0;
	width: 80px;
}

div.button.email > .content {
	background: transparent url('/graphics/helloween16/buttonsp.png') -400px -160px no-repeat;
	height: 80px;
	width: 80px;
	display: block;
}

div.button.email > .content:hover {
	background: transparent url('/graphics/helloween16/buttonsp.png') -480px -160px no-repeat;
	display: block;
}



.js div.button.facebook {
	display: none;
}

.js div.button.youtube {
	display: none;
}

.js div.button.email {
	display: none;
}

/* ----------------------------------------------------------------------------
  Sections
---------------------------------------------------------------------------- */

div#header {
	background: transparent url("/graphics/helloween16/header.jpg") no-repeat center center;
}

div#header > div {
	width: 960px;
	background-color: rgba(255,0,0,0.0);
	margin: 0 auto;
	height: 240px;
}

div#mainWrapper {
	background: transparent  url("/graphics/helloween16/mainTopFill.jpg") repeat-y top center;
	margin: 0 auto;
	min-width: 960px;
}

div#mainWrapperTop {
	background: transparent  url("/graphics/helloween16/mainTop.jpg") no-repeat top center;
	margin: 0 auto;
	min-width: 960px;
}

div#main {
	cbackground-color:;
	margin: 0 auto;
	min-height: 800px;
	padding-top: 100px;
	width: 960px;
}

div.inlineFooter {
	text-align: center;
	font-size: 1.2em;
	color: #4f6386;
	text-shadow: 0px 2px 2px black;
	padding-bottom: 50px;
	padding-top: 50px;
}

.frame.rot1 { transform: rotate(1deg); }
.frame.rot2 { transform: rotate(-1deg); }
.frame.rot3 { transform: rotate(0.5deg); }
.frame.rot4 { transform: rotate(-0.5deg); }
.frame.rot5 { transform: rotate(1.5deg); }
.frame.rot6 { transform: rotate(-1.5deg); }

table.featuredItem {
	width: 960px;
	margin: 0 auto;
}

table.featuredItem td:nth-child(1) {
	width: 300px;
	vertical-align: top;
	padding: 0px 0px 0px 20px;
}

table.featuredItem td:nth-child(2) {
	vertical-align: top;
	padding: 50px 50px 50px 50px;
}

table.coversdisplay {
	width: 900px;
	margin: 0 auto;
}

table.coversdisplay td {
	text-align: center;
}

table.coversdisplay td > a,
table.coversdisplay td > span {
	margin: 0 auto;
}



/* ----------------------------------------------------------------------------
  POSTERS
---------------------------------------------------------------------------- */


.frame {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	border-radius: 12px;
}

.frame.medium {
	width: 360px;
	height: 480px;
}

.frame.small {
	width: 290px;
	height: 380px;
}


.frame span.image {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}

.frame span.overlay {
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
}



.frame.medium span.image {
	width: 360px;
	height: 480px;
}

.frame.medium span.overlay {
	background: rgba(255,0,9,0) url('/graphics/helloween16/posterframe_medium.png') no-repeat center center;
	width: 360px;
	height: 480px;
}

.frame.small span.image {
	width: 290px;
	height: 380px;
}

.frame.small span.overlay {
	background: rgba(255,0,9,0) url('/graphics/helloween16/posterframe_small.png') no-repeat center center;
	width: 290px;
	height: 380px;
}



.frame.medium.lunaticler span.image {
	background: rgba(0,255,9,0) url('/pictures/helloween16/lunaticler_medium.jpg') no-repeat center center;
	xbackground-color: red;
}

.frame.small.bizarrecases span.image {
	background: rgba(0,255,9,0) url('/pictures/helloween16/bizarrecases_small.jpg') no-repeat center center;
	xbackground-color: green;
}

.frame.small.bizarrecases_gerrysboys span.image {
	background: rgba(0,255,9,0) url('/pictures/helloween16/bizarrecases_gerrysboys_small.jpg') no-repeat center center;
	xbackground-color: green;
}

.frame.small.bizarrecases_dementeddoctor span.image {
	background: rgba(0,255,9,0) url('/pictures/helloween16/bizarrecases_dementeddoctor_small.jpg') no-repeat center center;
	xbackground-color: green;
}

.frame.medium.manikin span.image {
	background: rgba(0,255,9,0) url('/pictures/helloween16/sculpture_medium.jpg') no-repeat center center;
	xbackground-color: orange;
}

.frame.medium.sculpture span.image {
	background: rgba(0,255,9,0) url('/pictures/helloween16/manikin_medium.jpg') no-repeat center center;
	xbackground-color: yellow;
}

.frame.medium.psychosisters span.image {
	background: rgba(0,255,9,0) url('/pictures/helloween16/psychosisters_medium.jpg') no-repeat center center;
	xbackground-color: blue;
}

.frame.medium.psychosistersreturn span.image {
	background: rgba(0,255,9,0) url('/pictures/helloween16/psychosistersreturn_medium.jpg') no-repeat center center;
	xbackground-color: cyan;
}

/* ----------------------------------------------------------------------------
  MISC
---------------------------------------------------------------------------- */

.userChoices {
	height: 200px;
	padding: 2em 0 3em 0;
}

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}


article > p {
	padding: 0 6pt 12pt 6pt;
	text-align: justify;
}


div.announcement {
	text-align: center;
	font-weight: bold;
	font-size: 1.4em;
	padding: 24pt 6pt 24pt 6pt;
}

.centered {
	text-align: center;
}