@charset "utf-8";
/* -----------------------------------------------------

* Filename: styles.css
* Description: master external style sheet for The World of Dr Synn
* Version: 1
* Website: http://www.worldofdrsynn.com
* Author: John Curtis

== ANCHOR =========================================

	@reset				Standard Reset

-------------------------------------------------------*/

/* @reset
-------------------------------------------------------*/
html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {margin: 0; padding: 0;}
html {height: 100%; overflow-y: scroll;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
img {border: 0; -ms-interpolation-mode: bicubic;}
a {outline: none;}

/* @general
------------------------------------------------------*/
body {background:#000000; font: 16px/20px Arial, Helvetica, sans-serif; color:#e6e6e6;}
select, input {font: 16px/20px Arial, Helvetica, sans-serif; color:#000000;}

/* @typography
------------------------------------------------------*/
h1 {font: bold 44px 'Garton', Arial, Helvetica, sans-serif; color:#76ABC0; letter-spacing: 2px;}
h2 {font: bold 34px 'Garton', Arial, Helvetica, sans-serif; color:#FFF0B3; letter-spacing: 2px; margin-top: 25px;}
/* h3 {font: bold 16px/20px Arial, Helvetica, sans-serif; padding: 10px 0 14px;} */
/* h4 {font: italic 15px/16px Garton, Arial, Helvetica, sans-serif; padding-bottom: 8px; color:#8B8B8B;} */
p, address {padding: 14px 0;}
p.last, h2.last {margin-bottom: 30px;}
/* dl {padding: 0 0 10px 0;}
   dt {clear: left; float: left; font-weight: bold;}
   dd {padding: 0 0 5px 70px;} */
ul {margin:0 0 14px 0;}
li {display:list-item; list-style:disc; margin:0 0 .15em 3.55em;}

@font-face {
font-family: 'Garton';
src: url('../fonts/garto16-webfont.eot'); /* IE9 Compat Modes */
src: local('☺'),
	 url('../fonts/garto16-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	 url('../fonts/garto16-webfont.woff') format('woff'), /* Modern Browsers */
	 url('../fonts/garto16-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
	 url('../fonts/garto16-webfont.svg#Garton') format('svg'); /* Legacy iOS */
}

/* link css for home page and internal page main content */
a:link, a:visited {text-decoration: underline; color: #ffffff;}
a:hover {text-decoration: none; color: #ffffff;}

/* @defined classes
------------------------------------------------------*/
.center {margin:0 auto; text-align:center;}
.internals {padding-top: 350px;}
.clearFloat {clear:both; height:0; font-size:1px;}
.error {font-weight: bold; color: #CC0000;}
.errorMessage {width:855px; text-align:center; background: #CC0000; border: 1px solid #ffffff; padding:5px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.successMessage {width:855px; text-align:center; background: #20587E; border: 1px solid #ffffff; padding:5px;}
.subheader {margin: 25px 0;}
.pageTitle {position:relative; width:875px; padding-bottom:14px; text-align:center;}
.border {border-top:1px solid #FFF0B3; margin-top: 20px; margin-bottom: 15px;}
.blink-bg{color: #fff; animation: blinkingBackground 31s; -webkit-animation: blinkingBackground 31s;}
@-webkit-keyframes blinkingBackground {
	0%, 25%, 50%, 75%, 98% {
	  -webkit-filter: brightness(100%);
	}
	100% {
	  -webkit-filter: brightness(200%);
	}
  }
  
  @keyframes blinkingBackground {
	0%, 25%, 50%, 75%, 98% {
	  filter: brightness(100%);
	}
	100% {
	  filter: brightness(200%);
	}
  }
/*.nestedBullets ul {margin:0;}
.nestedBullets li {display:list-item; list-style:circle; margin:.15em 0 .15em 2.55em;}
.doublespace li {display:list-item; list-style:disc; margin-bottom:0.75em;}
.doublespace li.last {display:list-item; list-style:disc; margin-bottom:0;}
.button-indent {padding:0 0 0 -2px; margin:0 0 0 -2px;}
.text-indent {padding:0 0 0 14px; margin:0 0 0 14px;}
.alertText {color:#CC0000;}
.last {padding-bottom:10px;} */

/* @defined ids
------------------------------------------------------*/
#wrapper {position:relative; margin:0 auto; width:850px;}

#content {position:relative; margin:0 auto; width:850px;;}
  	audio {position: absolute; top: 20px; left: 290px; height: 25px; z-index: 2;}

	/* homepage-specific styles */
	#haunted-house {width:850px; height:775px; margin:0 auto;}		
	#scarecrow-moon {width:231px; height:271px; position:absolute; left:564px; top:50px; wm}			
	/* end homepage-specific styles */

	/* internal page stylings */
	#haunted-house-internals {width:850px; min-height:775px; margin:0 auto; background-image:url("../images/haunted-house-internals.png"); background-repeat: no-repeat; background-attachment: fixed; background-position: top center;}
	a.btn {
		border: 5px solid #76ABC0;
		width: 400px;
		margin: 0 auto;
		padding: 20px 15px 15px;
		font: bold 30px 'Garton', Arial, Helvetica, sans-serif;
		letter-spacing: 2px;
		background: #acdaec;
		color: #000;
		display: block;
	}
	a.btn:link {text-decoration: none;}
	a.btn:hover {background:#76ABC0; border: 5px solid #acdaec;}
	/* end internal page stylings */

footer {position:relative; top:10px; width:850px; color:#e6e6e6; border-top:1px solid #76ABC0; font-size:14px;}	
	#footer-menu {margin-top:20px;}	
	#footer-menu a:link {color:#76ABC0; text-decoration:none;}
	#footer-menu a:visited {color:#76ABC0; text-decoration:none;}
	#footer-menu a:hover {color:#76ABC0; text-decoration:underline;}
	#footer-menu a:active {color:#76ABC0; text-decoration:underline;}
	#copyright {position:relative; top:15px; padding-bottom:15px; font-size:13px;}