@charset "utf-8";
/* Desktop CSS Document */
/* GHOULIE MANOR CSS Version 1.00 */

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

/* ~~ LAYOUT ~~ */

/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
.container {
	width: 960px;
	max-width: 960px;
	min-width: 960px;
	margin: 0 auto;
}

.content { padding: 10px 0; }

/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol { padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */ }

header {
	width: 100%;
	height: 450px;
	position: relative;
}
	
#logo {
	position: absolute;
	bottom: 0px;
	width: 100%;
}

#logoPrint {display: none;}

#flashHeader {display: none;}

nav {}

section {
	width: 100%; /* Set to 410px for two-sidebar layout, otherwise set to 100% */
	min-width: 410px;
	max-width: 650px;
	float: left;
	margin-left: 20px;
	margin-right: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

article {
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.sidebar1, .sidebar2 { width: 250px; }

.sidebar1 {
	float: left;
	margin-left: 20px;
}

.sidebar2 {
	float: right;
	margin-right: 10px;
}

.sidebarSocial {
	margin-bottom: 15px;
}

.sidebarBlock {
	padding: 10px;
	margin-bottom: 15px;
}

footer {}

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

/* ~~ TYPOGRAPHY ~~ */

body {
	font-size: 1em;
	color: #509156;
}

h1, h2, h3, h4, h5, h6 { color: #779C7A;}

p {}

.center {
	text-align: center;
}

article {
	text-align: left;
	font-size: 1.125em;
}

article h1 {
	font-size: 2.5em;
}

article h2 {
	font-size: 2em;
}

article h3, article h4, article h5, h6 {
	font-size: 1.25em;
}

aside {font-size: 1.125em;}

aside h1, aside h2, aside h3, aside h4, aside h5, aside h6 {
}

aside h1 {
	font-size: 1.25em;
}

aside h2 {
	font-size: 1.15em;
}

aside h3, aside h4, aside h5, aside h6 {
	font-size: 1em;
}

.story h1+p:first-letter, p.dropcap:first-letter { /* Drop Cap Styling */
	font-size: 4.5em;
	line-height: 1em;
	vertical-align: text-top;
	float: left;
	margin-right: 3px;
	margin-top: -8px;
	margin-bottom: -10px;
	color: #509156;
	text-shadow: 2px 2px 0px #000, 4px 4px 0px #33495b;
}

.story h1+p:first-line, p.dropcap:first-line { /* First Line Styling */ 		
	font-variant: small-caps;
	font-size: 1.15em;
}

article p + h1, article p + h2 {margin-top: .75em;} /* adds bottom margin to previous paragraph */

aside p + h1, aside p + h2 {margin-top: 1em;} /* adds bottom margin to previous paragraph */

footer { font-family: Arial, Helvetica, sans-serif; }

footer p {
	font-size: 0.75em;
	line-height: normal;
}


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

/* ~~ LINKS ~~ */
a:link {
	color: #779C7A;
	text-decoration: underline;
}

a:visited {
	color: #48824E;
	text-decoration: underline;
}

a:hover, a:active, a:focus { text-decoration: none; }

article p a:link, aside p a:link {
	-webkit-transition: text-shadow .5s, color .5s;
	-moz-transition: text-shadow .5s, color .5s;
	-ms-transition: text-shadow .5s, color .5s;
	-o-transition: text-shadow .5s, color .5s;
	transition: text-shadow .5s, color .5s;
}

article p a:visited, aside p a:visited {}

article p a:hover, article p a:active, article p a:focus, aside p a:hover, aside p a:active, aside p a:focus {
	*font: #FFF; /* IE CSS HACK */
	color: #FFF;
	text-shadow: 0px 0px 4px #FFF,0 0 8px #B7D128,0 0 10px #224A30;
	-webkit-transition: text-shadow .5s, color .5s;
	-moz-transition: text-shadow .5s, color .5s;
	-ms-transition: text-shadow .5s, color .5s;
	-o-transition: text-shadow .5s, color .5s;
	transition: text-shadow .5s, color .5s;
}

.sidebarBlock h1 a, .sidebarBlock h2 a, .sidebarBlock h3 a, .sidebarBlock h4 a, .sidebarBlock h5 a, .sidebarBlock h1 a, .sidebarBlock h6 a {
	color: #FFF;
	text-decoration: none;
}

#footerNav ul a, #footerNav ul a:link, #footerNav ul a:visited, #footerNav ul a:hover, #footerNav ul a:active, #footerNav ul a:focus {
	color: #6BAD72;
	text-shadow: none;
}

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

/* ~~ NAVIGATION MENUS ~~ */
nav {}

nav ul, nav li {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 1.25em;
}

nav ul { }

nav ul li {
	white-space: nowrap;
}

nav ul a, nav ul a:link, nav ul a:visited, nav ul a:hover, nav ul a:active, nav ul a:focus {
	color: #000;
	color: #0F0 \9; /* IE9 hack to fix nav menu colors */
	padding: 5px 15px;
	display: block;
	width: auto;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

nav ul a, nav ul a:visited { 
	text-shadow: 0 0 2px #0F0, 0 0 4px #0F0, 0 0 5px #0F0;
}

nav ul a:hover, nav ul a:active, nav ul a:focus { 
	text-shadow: 0 0 6px #0F0, 0 0 10px #0F0, 0 0 15px #0F0;
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	-o-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	transform: translateY(-2px);
}

nav ul li:hover > a {}

/* Drop-Down Navigation General*/
nav ul li:hover > ul {
	top: 100%;
	left: 0;
	opacity: 1;
}

nav ul ul {
	position: absolute;
	top: -99999px; /* Hide submenus from viewport */
	left: 0;
	opacity: 0; /* Hide submenu, need this for transition */
	z-index: 99999;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
}

nav ul ul ul {
	position: absolute;
	top: -99999px;
	left: 100%;
}

/* Specific Menus */
#topNav, #footerNav {
	margin-right: auto;
	margin-left: auto;
}

#topNav { 
	margin-bottom:15px;
}

#footerNav {
	font-size: .8em;
	margin-top: 5px;
	margin-bottom: 15px;
}

#footerNav ul li {
	/* [disabled]border-right: solid 1px #33495b; */
}

#footerNav ul li:last-child {
	border-right: none;
}

#footerNav ul li {
	background: url(../_images/skull-icon-20.gif) no-repeat left center;
	padding-left: 14px;
}

#footerNav ul li:first-child {
	background: none;
	padding-left: 0px;
}

footer .gotoTop { /* Controls display of Return to Top link in footer */
	display: none;
}

/* ~~ Horizontal Menu Settings ~~ */

.horizMenu {
	list-style: none;
	text-align: center;
}

.horizMenu li {
	display: inline-block; /* shows each item side-by-side */
}

.horizMenu ul li, .horizMenu ul ul li {
	position: relative;
}

.horizMenu ul ul li ul {
	position: absolute;
	top: 0;
	left: 100%;
}

.horizMenu ul ul li {
	display: block;
}

/* ~~ Vertical Menu Settings ~~ */

.vertMenu {
	width: 200px;
}

.vertMenu ul {
	width: auto;
	text-align: left;
}

.vertMenu ul li, .vertMenu ul ul li {
	position: relative;
}

.vertMenu ul li ul, .vertMenu ul ul ul {
	visibility: hidden;
}

.vertMenu ul li:hover ul, .vertMenu ul ul li:hover ul {
	visibility: visible;
}

nav.vertMenu ul li ul, nav.vertMenu ul ul li ul {
	position: absolute;
	top: 0;
	left: 100%;
}


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

/* ~~ SOCIAL MEDIA ICONS ~~ */
.social {
	margin-bottom: 10px;
}

.social li {
	display: inline-block;
}

.social a {
	background: url(../_images/sprites_social.png) no-repeat;
	-webkit-transition: -webkit-transform 0.2s ease-in-out; /* Animation FX */
	-moz-transition: -moz-transform 0.2s ease-in-out; /* Animation FX */
	-o-transition: -o-transform 0.2s ease-in-out; /* Animation FX */
	transition: transform 0.2s ease-in-out; /* Animation FX */
}

.social a {
	height: 36px;
	width: 36px;
	display: block;
	text-indent: -1000em;
	padding: 0;
	margin: 0px 5px 0px 0px;
}

.social a:hover {
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	-o-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	transform: translateY(-2px);
}

.social .facebook {
	background-position: 0px 0px;
}

.social .facebook:hover {
	background-position: 0px -50px;
}

.social .twitter {
	background-position: -50px 0px;
}

.social .twitter:hover {
	background-position: -50px -50px;
}

.social .twitter2 {
	background-position: -100px 0px;
}

.social .twitter2:hover {
	background-position: -100px -50px;
}

.social .youtube {
	background-position: -150px 0px;
}

.social .youtube:hover {
	background-position: -150px -50px;
}

.social .rss {
	background-position: -200px 0px;
}

.social .rss:hover {
	background-position: -200px -50px;
}

.social .google {
	background-position: -250px 0px;
}

.social .google:hover {
	background-position: -250px -50px;
}

.social .myspace {
	background-position: -300px 0px;
}

.social .myspace:hover {
	background-position: -300px -50px;
}

.social .linkedin {
	background-position: -350px 0px;
}

.social .linkedin:hover {
	background-position: -350px -50px;
}

.social .pinterest {
	background-position: -400px 0px;
}

.social .pinterest:hover {
	background-position: -400px -50px;
}

.social .email {
	background-position: -450px 0px;
}

.social .email:hover {
	background-position: -450px -50px;
}

.social .amazon {
	background-position: -500px 0px;
}

.social .amazon:hover {
	background-position: -500px -50px;
}

.social .appstore {
	background-position: -550px 0px;
}

.social .appstore:hover {
	background-position: -550px -50px;
}
	
/* END .social Classes CSS */

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

/* ~~ THEME GRAPHICS ~~ */
body { 
	background-color: #000;
	background-image: url(../_images/lantern.png), url(../_images/bg.jpg);
	background-position: left 450px, top center;
	background-repeat: no-repeat, no-repeat;
}

header { }

.sidebarBlock, section {
	background: rgba(0,0,0,.75);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	-ms-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.5), 0 0 20px rgba(0,0,0,.75);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.5), 0 0 20px rgba(0,0,0,.75);
	-o-box-shadow: 0 0 10px rgba(0,0,0,.5), 0 0 20px rgba(0,0,0,.75);
	-ms-box-shadow: 0 0 10px rgba(0,0,0,.5), 0 0 20px rgba(0,0,0,.75);
	box-shadow: 0 0 10px rgba(0,0,0,.5), 0 0 20px rgba(0,0,0,.75);
}

.container {}

article h1 { 
	background: url(../_images/line.gif) repeat-x left 1.19em;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 0;
	padding-right: 0;
}

aside h1, aside h2 {
	background: url(../_images/line.gif) repeat-x left 1.19em;
	margin-bottom: 5px;
	color: #FFF;
	font-size: 1.35em;
	letter-spacing: 2px;
}

/* ~~ Menu Transforms ~~ */

#navHome {}

#navHome:hover {}

#navAttractions {}

#navAttractions:hover {}

#navTickets {}

#navTickets:hover {}

#navDirections {}

#navDirections:hover {}

#navSchedule {}

#navSchedule:hover {}

#navMedia {}

#navMedia:hover {}

#navSponsors {}

#navSponsors:hover {}

#navFAQ {}

#navFAQ:hover {}

#navLinks {}

#navLinks:hover {}

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


/* ~~ SOCIAL MEDIA WIDGETS ~~ */

.social-toolbar {
	margin-left: auto;
	margin-right: auto;
}

.social-toolbar > div {
	display: inline-block;
}

/* Facebook Widgets */
.sb-fb {margin: 10px 0px;} /* Facebook Sidebar Box */

/* ~~ Twitter Widgets ~~ */
.sb-twitter {margin: 10px 0px;} /* Twitter Sidebar Box */



/* ~~ ~~ */