@charset "UTF-8";
/* CSS Document */


html{

height:100%;

}

body{

width:100%;
height:100%;
margin:0px;
padding:0px;
background-color:#190A00;
color:#FFFFFF;
font-family:Garamond, Times, "Times New Roman", serif;
font-size:16px;

}

.ui-draggable-dragging{

z-index:900;

}

a{

text-decoration:none;
color:white;

}



#header{

background:url(images/header.jpg) #190A00 center no-repeat;
width:100%; 
height:180px;
overflow:hidden;
z-index:1000;


}

#footer{

background:url(images/footer.jpg) #190A00 center no-repeat;
width:100%;
height:230px;
z-index:1000;
position:relative;


}

#footercontent{

width:800px;
margin:auto;
padding-top:30px;
color:wheat;
position:relative;

}

.footercol{
float:left;
width:250px;
}

.footform{

display:block;
background:#000000;
border-radius:12px;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border:none;
color:white;
font-size:12px;
padding:6px;
width:220px;
height:20px;
color:wheat;



}

.footbutt{

background:#4E2B0B;
border:1px solid #250D01;
color:wheat;
margin-top:15px;
padding:2px;
width:80px;

}


#main{

background:url(images/mapbg.jpg) center top no-repeat #594033;
width:100%;
overflow:hidden;
position:relative;

}

#menu{

margin:9px 0px 0px 105px;
width:550px;

}


#menuholder{

width:600px;
margin:auto;

}


.menulink{

float:left;
display:block;
height:17px;
margin-top:7px;
margin-right:17px;
border:none;
font-weight:bold;
letter-spacing:-0.05em;
color:#76675D;
text-align:left;
text-shadow: #000000 1px 2px 1px;


}

.menulink:hover{

color:#CAB09F;

}




#content{

margin:auto;
position:relative;
overflow:visible;
width:800px;
margin-bottom:100px;


}




.clue{

position:absolute;
display:none;
cursor:move;

}

.oldphoto{

position:absolute;
display:none;

}


#overlaid{

background:url(images/loadoverlay.png) center top no-repeat; 
top:0px;
left:0px;
width:100%;
height:2000px;
z-index:2000;
position:absolute;

}

#memories{

height:300px;
width:207px;
position:absolute;
display:block;
background:url(images/hp/memoires_a.png) no-repeat;
z-index:500;

}

#memories:hover{

background:url(images/hp/memoires_b.png) no-repeat;

}


#castandcrew{

width:224px;
height:278px;
position:absolute;
display:block;
background:url(images/hp/castandcrew_a.png) no-repeat;
z-index:500;

}

#castandcrew:hover{

background:url(images/hp/castandcrew_b.png) no-repeat;

}

.xover{

background:none;

}


.xover:hover{

background:url(images/xover.png);

}



#postcard{

width:400px;
height:278px;
position:absolute;
display:block;
background:url(images/hp/postcard_a.png) no-repeat;
z-index:500;

}

#postcard:hover{

background:url(images/hp/postcard_b.png) no-repeat;

}

.invisible{

display:none;

}

label.error{
color:#FF0000;
font-weight:bold;
}

.lookererror .error{

color:#840000;

}

.skyerror .error{

font-weight:normal;

}




#trailers{

height:192px;
width:294px;
position:absolute;
display:block;
background:url(images/hp/trailers_a.png) no-repeat;
z-index:500;

}

#trailers:hover{

background:url(images/hp/trailers_b.png) no-repeat;

}

.castentry{

width:300px;
height:100px;
color:#000000;
position:relative;
z-index:500;

}

.castentry img{

float:left;

}

.crewentry{

width:520px;
margin:auto;
height:100px;
color:#000000;
position:relative;
z-index:500;

}

.crewentry img{

float:left;

}


.castentry a{

color:#8F5402;
font-size:13px;

}


.crewentry a{

color:#8F5402;
font-size:13px;

}


.castrole{

display:block;
margin-top:10px;
font-size:17px;
font-weight:bold;

}

.crewrole{

display:block;
margin-top:0px;
font-size:18px;
font-weight:bold;

}

.castname{

display:block;
margin-top:3px;
font-size:12px;
letter-spacing:1px;
text-transform:uppercase;


}

#credithead{

display:block;
margin:auto;
font-size:32px;
font-weight:bold;
text-align:center;
color:#000000;
margin:50px auto 0px;
}


.signpost{

display:block;
margin:auto;
font-size:36px;
font-weight:bold;
text-align:center;
color:#000000;
margin:30px auto 0px;
}


.subtext{

display:block;
margin:auto;
font-size:17px;
text-align:center;
color:#000000;
font-style:italic;

}

.disclaim{

display:block;
margin:auto;
font-size:14px;
text-align:center;
color:#222222;
width:278px;
margin-top:10px;

}

.switch{

font-size:19px;
font-style:italic;
font-weight:normal;
cursor:pointer;
text-align:center;
color:#000000;

}

.switch:hover{
color:#8F5402;
}

.textholder{

width:500px;
margin:auto;
color:#000000;
line-height:20px;


}

a.twitter{

display:block;
height:40px;
width:40px;
background:url(images/social/t2.png) center no-repeat;
float:left;
margin:0px
cursor:pointer;

}

a.twitter:hover{

background:url(images/social/t1.png) center no-repeat;

}

a.facebook{

display:block;
height:40px;
width:40px;
background:url(images/social/fb2.png) center no-repeat;
float:left;
margin:0px 3px 0px;
cursor:pointer;

}

a.facebook:hover{

background:url(images/social/fb1.png) center no-repeat;

}


a.mail{

display:block;
height:40px;
width:40px;
background:url(images/social/m1.png) center no-repeat;
float:left;
margin:0px 3px 0px;
cursor:pointer;

}

a.mail:hover{

background:url(images/social/m2.png) center no-repeat;

}

label.valid {
	background: url('http://dev.jquery.com/view/trunk/plugins/validate/demo/images/checked.gif') no-repeat;
	height:16px;
	width:16px;
	display: inline;
}


a, img, div { behavior: url(iepngfix.htc) }


#comments{

width:640px;
margin:auto;
color:#F1DB9A;
border-top:1px solid #666666;

}

#form-message textarea{

font-size:20px!important;

}

.dsq-logo{

display:none;

}

#dsq-content .dsq-header-avatar img {
border:1px solid black!important;
}