/* Frankenweenie Set Tours Video Shell
   Layout Stylesheet v1.0
   Author: Doco - www.docopeople.com
   Date: April 2012
   */


/*** Font Family ***/
@font-face {
    font-family: 'GhoulishFrightAOERegular';
    src: url('../fonts/ghoulfright/ghoulfriaoe-webfont.eot');
    src: url('../fonts/ghoulfright/ghoulfriaoe-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ghoulfright/ghoulfriaoe-webfont.woff') format('woff'),
         url('../fonts/ghoulfright/ghoulfriaoe-webfont.ttf') format('truetype'),
         url('../fonts/ghoulfright/ghoulfriaoe-webfont.svg#GhoulishFrightAOERegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*** HTML Element Styling ***/
html, body {
	font-family:'GhoulishFrightAOERegular';
	font-size:21px;
	text-transform:lowercase;
	letter-spacing:1px;
	color:#FFF;
	background:#000 url('../images/body.jpg') center top no-repeat;
	overflow-x:hidden;
}

#wrapper {
	width:810px;
	margin:0 auto;
	position:relative;
}

#header {
	width:810px;
	height:235px;
	position:relative;
}

#social {
	width:180px;
	height:25px;
	overflow:hidden;
	position:absolute;
	top:14px;
	right:0;
	text-align: center;
}

#social > div {float:left;}
#social .tweet {margin-right:3px;}
#social .like {margin-top:-3px;}

#header h1 {display:none;}

#header h2 {
	width:400px;
	top:128px;
	right:200px;
	color:#A7A7A7;
	position:absolute;
	text-align: right;
}

#header h3 {
	font-size:52px;
	top:165px;
	width:100%;
	color:#FFF;
	position:absolute;
	text-align: center;
}

#player {
	position:relative;
	margin-bottom:15px;
}

#navigation {
	width:690px;
	height:38px;
	padding-top:2px;
	margin:0 auto;
}

#navigation ul li {
	width:212px;
	height:40px;
	line-height:40px;
	vertical-align: middle;
	float:left;
	margin:0 10px;
	text-align:center;
}

#navigation ul li a {
	font-size:32px;
	text-decoration:none;
	text-transform:uppercase;
	color:#FFF;
}

#navigation ul li a:hover, #navigation ul li.active a {color:#73A431;}

#navigation ul li.empty a, #navigation ul li.empty a:hover {color:#A7A7A7;cursor:default;}

#frame {
	width:800px;
	height:588px;
	margin:15px auto;
}

#frame iframe {
	width:800px;
	height:588px;
	border:none;
	display:block;
	overflow:hidden;
}

#instructions {
	width:810px;
	height:25px;
	margin:0 auto 30px;
	text-align:center;
}

#instructions p {height:35px;}

#instructions span.arrow {
	width:35px;
	height:35px;
	display:inline-block;
}

#instructions .arrow.left {background:url('../images/arrow2.png') no-repeat;}
#instructions .arrow.right {background:url('../images/arrow3.png') no-repeat;}

#instructions span.text {
	display:inline-block;
	position:relative;
	top:-12px;
}

#sides {
	width:160px;
	position:absolute;
	right:-170px;
	top:100px;
	text-align:center;
}

#sides .arrow {
	display:block;
	width:35px;
	height:35px;
	margin:0 auto;
	background:url('../images/arrow1.png') no-repeat;
}

#buttons {
	width:810px;
	height:75px;
	margin:15px auto 0 auto;
	position:relative;
}

#buttons .button {
	width:420px;
	height:75px;
	position:absolute;
}

#buttons .button.left {
	top:0;left:-15px;
	background:url('../images/button1.jpg') no-repeat;
}

#buttons .button.right {
	top:0;right:-15px;
	background:url('../images/button2.jpg') no-repeat;
}

#buttons .button a {
	font-size:35px;
	width:325px;
	height:60px;
	line-height:60px;
	vertical-align: middle;
	text-align:center;
	display:block;
	text-decoration:none;
	color:#FFF;
	margin:3px 0 0 48px;
}

#buttons .button a:hover {color:#000;}

#footer {
	width:810px;
	height:130px;
	background:#000 url('../images/footer.jpg') center top no-repeat;
}

/*** Override FB CSS to hide comment box on Like button ***/
.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {display: none !important;}