/* for any image replacements; just apply padding-top and height for the image replaced element. */
.ir {
	background:url(/!images/blank.gif);
	height/**/:/**/0!important;
	overflow: hidden;
	display: block;
	padding:0; margin:0;
	position:relative;
	z-index:1;
}
img { border: 0 none; }

/* for any navigation elements */
.nav, .nav ul, .nav dd {
	list-style: none;
	margin: 0; padding: 0;
}

.nav dd {position:relative; z-index:1;}

/* for accessibility elements */
.acc, .nav dt {
	overflow: hidden;
	display: block;
	height: 0; width: 0;
	visibility: hidden;
	position: absolute;
}

/* =General Classes
********************************/

blockquote, .blockquote
{
    margin:0 45px;
}

.header
{
    color:#45475b;
    font-weight:bold;
    margin:0 !important;
    font-size:1.1em;
}

.EnterContest
{
    background:url(/!images/int/hw08_button_enter-contest1.gif);
    width:106px;
    padding-top:40px;  
    display:inline-block;
}

.EnterContest:hover {background:url(/!images/int/hw08_button_enter-contest2.gif);}

.SubmitStory
{
    background:url(/!images/int/hw08_button_submit-story1.gif);
    width:103px;  
    padding-top:40px;  
    display:inline-block;
}

.SubmitStory:hover {background:url(/!images/int/hw08_button_submit-story2.gif);}

.RegistrationForm
{
    background:url(/!images/int/hw08_button_registration-form1.gif);
    width:126px;
    padding-top:40px;  
    display:inline-block;
}

.RegistrationForm:hover {background:url(/!images/int/hw08_button_registration-form2.gif);}

.EnterContest
{
    background:url(/!images/int/hw08_button_enter-contest1.gif);
    width:106px;
    padding-top:40px;  
    display:inline-block;
}

.EnterContest:hover {background:url(/!images/int/hw08_button_enter-contest2.gif);}


.Videos
{
    background:url(/!images/int/hw08_button_videos1.gif);
    width:61px;
    padding-top:40px;  
    display:inline-block;
}

.Videos:hover {background:url(/!images/int/hw08_button_videos2.gif);}

.SubmitStory
{
    background:url(/!images/int/hw08_button_submit-story1.gif);
    width:103px;
    padding-top:40px;  
    display:inline-block;
}

.SubmitStory:hover {background:url(/!images/int/hw08_button_submit-story2.gif);}

.Contest
{
    background:url(/!images/int/hw08_button_contest1.gif);
    width:68px;
    padding-top:40px;  
    display:inline-block;
}

.Contest:hover {background:url(/!images/int/hw08_button_contest2.gif);}

.nextLink
{
    background:url(/!images/int/hw08_dagger_right.gif) no-repeat 100% center;
    padding-right:25px;
}

.prevLink
{
    background:url(/!images/int/hw08_dagger_left.gif) no-repeat 0% center;
    padding-left:25px;
}

.swfvideo { /*float:right; margin:10px; margin-right:0;*/ margin:10px auto 0; width:400px;}


/* =LAYOUT
********************************/
html, body
{
	margin:0;
	padding:0;
	background:#000000;
	color:#2d241f;
	height:100%;
}

#app, .app 
{
    margin:0px auto;
    padding:10px 0;
    width:961px;
    border:1px solid #3f3e3c;
    text-align:justify;
}

#app {width:963px; border:0; position:relative; z-index:1;}

#toppadding
{
    height:50%;
    width:100%;
    margin-top:-376px;
    min-height:376px;
}

#toppadding .minHeight {height:376px;}

#app #logo {display:none;}

#app #content
{
    position:absolute;
    z-index:1;
    bottom:40px;
    right:100px;
    width:435px;
    height:200px;
    font-size:13px;
    overflow:hidden;
    padding-top:3px;
}

#app #content .dropCap
{
    background:url(/!images/dropCaps/hw08_mp_letter_a.gif) no-repeat;
    width:18px;
    padding-top:19px;
    margin:-3px 0 0;
    font-size:1.2em;
}

#app #content a{color:#2d241f;}

#app #footer
{
    color:#383838;
    font-size:.83em;
    width:280px;
    position:absolute;
    z-index:1;
    left:40px;
    bottom:45px;
}

#app #footer a
{
    color:#383838;
}

/* = Interior
********************************/

.app
{
    background:url(/!images/int/hw08_int_background_nonrepeat.jpg) no-repeat;
    position:relative;
    z-index:1;
}

.interior #masthead
{
    background:url(/!images/subheads/hw08_int_sub_links.gif) no-repeat 502px 0px;
    height:120px; width:961px;
}

.makeup #masthead{background-image:url(/!images/subheads/hw08_int_sub_makeup.gif)}
.safety #masthead{background-image:url(/!images/subheads/hw08_int_sub_safety.gif)}
.music #masthead{background-image:url(/!images/subheads/hw08_int_sub_music.gif)}
.stories #masthead{background-image:url(/!images/subheads/hw08_int_sub_ghosts.gif)}
.create #masthead{background-image:url(/!images/subheads/hw08_int_sub_carve.gif)}
.links #masthead{background-image:url(/!images/subheads/hw08_int_sub_links.gif)}
.contest #masthead{background-image:url(/!images/subheads/hw08_int_sub_contest.gif)}

.interior #masthead #logo
{
    background:url(/!images/int/hw08_int_header.gif) no-repeat;
    height:103px; width:502px;
    position:relative;
    z-index:1;
}

.interior #masthead #logo h1 {display:none;}

.interior #masthead #logo #homeLink
{
    width:425px;
    padding-top:63px;
    position:absolute;
    z-index:1;
    right:10px;
    bottom:23px;
}

.interior #content
{
    background:url(/!images/int/hw08_int-tile_repeating.gif) repeat-y;
    width:961px;    
    margin-bottom:35px;
}

.interior #content #main
{
    background:url(/!images/int/hw08_int-tile_topcap.gif) no-repeat top;
    width:961px;   
    position:relative;
    z-index:1;
    top:-17px; 
}

.interior #content #main .content
{
    background:url(/!images/int/hw08_int-tile_botcap.gif) no-repeat bottom;
    width:711px;    
    padding:20px 125px 185px;
    
    position:relative;
    z-index:1;
    bottom:-35px; 
    
    height:auto !important;
    height:165px;
    min-height:165px;
    
}

#swfcarveJackOLantern
{
    clear:left;
    background:url(/!images/int/hw08_jacko_background.jpg);
    width:401px;
    height:236px;
    margin:0 auto;
    padding:74px 98px;
}

#jukeBox
{
    clear:left;
    background:url(/!images/int/hw08_jukebox_background.jpg);
    width:362px;
    height:396px;
    margin:0 auto;
    padding:76px 73px;
}

.interior #content #main .content #seal
{
    height:150px;    
    width:711px;
    
    position:absolute;
    z-index:1;
    bottom:35px;
}


.interior #content #main .content #seal a.ir
{
    background:url(/!images/int/hw08_int_waxseal.gif) no-repeat;
    padding-top:115px;    
    width:107px;
    
    position:absolute;
    right:30px;
    top:0;
}


.makeup #content #main .content #seal a.ir{ top:35px; right:74px; }
.safety #content #main .content #seal a.ir{ top:0; right:84px; }
.music #content #main .content #seal a.ir{ top:10px; right:104px; }
.stories #content #main .content #seal a.ir{ top:30px; right:154px; }
.create #content #main .content #seal a.ir{ top:17px; right:302px; }
.links #content #main .content #seal a.ir{ top:35px; right:554px; }
.contest #content #main .content #seal a.ir{ top:17px; right:54px; }

.interior #footer
{
    width:791px;
    margin:0 auto;
    height:55px;
    
    color:#383838;
    font-size:.83em;
    text-align:center;
}

.interior #footer a
{
    color:#383838;
}

/* = Dropcap Styles
********************************/

.dropCap
{
    display:block;
    height:0;
    overflow:hidden;
    float:left;
    margin-top:-10px;
    font-size:2.5em; 
    margin-right:5px;
    margin-bottom:5px;
    
    background-repeat:no-repeat;
    /*background-position:center center;*/
}

.letterA, .lettera
{
    background-image:url(/!images/dropCaps/hw08_letter_a.gif);
    width:84px;
    padding-top:88px;  
}

.letterB, .letterb
{
    background-image:url(/!images/dropCaps/hw08_letter_b.gif);
    width:69px;
    padding-top:88px;   
}

.letterC, .letterc
{
    background-image:url(/!images/dropCaps/hw08_letter_c.gif);
    width:63px;
    padding-top:88px;   
}

.letterD, .letterd
{
    background-image:url(/!images/dropCaps/hw08_letter_d.gif);
    width:62px;
    padding-top:88px;   
}

.letterE, .lettere
{
    background-image:url(/!images/dropCaps/hw08_letter_e.gif);
    width:69px;
    padding-top:88px;   
}

.letterF, .letterf
{
    background-image:url(/!images/dropCaps/hw08_letter_f.gif);
    width:82px;
    padding-top:88px;   
}

.letterG, .letterg
{
    background-image:url(/!images/dropCaps/hw08_letter_g.gif);
    width:74px;
    padding-top:88px;   
}

.letterH, .letterh
{
    background-image:url(/!images/dropCaps/hw08_letter_h.gif);
    width:70px;
    padding-top:108px; 
    margin-top:-20px;  
}

.letterI, .letteri
{
    background-image:url(/!images/dropCaps/hw08_letter_i.gif);
    width:63px;
    padding-top:88px;   
}

.letterJ, .letterj
{
    background-image:url(/!images/dropCaps/hw08_letter_j.gif);
    width:55px;
    padding-top:88px;   
}

.letterK, .letterk
{
    background-image:url(/!images/dropCaps/hw08_letter_k.gif);
    width:78px;
    padding-top:88px;   
}

.letterL, .letterl
{
    background-image:url(/!images/dropCaps/hw08_letter_l.gif);
    width:71px;
    padding-top:88px;   
}

.letterM, .letterm
{
    background-image:url(/!images/dropCaps/hw08_letter_m.gif);
    width:88px;
    padding-top:88px;   
}

.letterN, .lettern
{
    background-image:url(/!images/dropCaps/hw08_letter_n.gif);
    width:76px;
    padding-top:88px;   
}

.letterO, .lettero
{
    background-image:url(/!images/dropCaps/hw08_letter_o.gif);
    width:78px;
    padding-top:88px;   
}

.letterP, .letterp
{
    background-image:url(/!images/dropCaps/hw08_letter_p.gif);
    width:67px;
    padding-top:109px;   
}

.letterQ, .letterq
{
    background-image:url(/!images/dropCaps/hw08_letter_q.gif);
    width:78px;
    padding-top:104px;   
}

.letterR, .letterr
{
    background-image:url(/!images/dropCaps/hw08_letter_r.gif);
    width:70px;
    padding-top:88px;   
}

.letterS, .letters
{
    background-image:url(/!images/dropCaps/hw08_letter_s.gif);
    width:77px;
    padding-top:88px;   
}

.letterT, .lettert
{
    background-image:url(/!images/dropCaps/hw08_letter_t.gif);
    width:67px;
    padding-top:88px;
}

.letterU, .letteru
{
    background-image:url(/!images/dropCaps/hw08_letter_u.gif);
    width:72px;
    padding-top:88px;   
}

.letterV, .letterv
{
    background-image:url(/!images/dropCaps/hw08_letter_v.gif);
    width:72px;
    padding-top:88px;   
}

.letterW, .letterw
{
    background-image:url(/!images/dropCaps/hw08_letter_w.gif);
    width:88px;
    padding-top:89px;   
}

.letterX, .letterx
{
    background-image:url(/!images/dropCaps/hw08_letter_x.gif);
    width:73px;
    padding-top:89px;   
}

.letterY, .lettery
{
    background-image:url(/!images/dropCaps/hw08_letter_y.gif);
    width:63px;
    padding-top:108px;   
}

.letterZ, .letterz
{
    background-image:url(/!images/dropCaps/hw08_letter_z.gif);
    width:63px;
    padding-top:88px;   
}

/* = Navigation
********************************/

/* =Main Nav
********************************/

#mainnav dd {float:left;}

#mainnav a.ir
{
	background:url(/!images/common/static_state.gif) no-repeat;
	padding-top:43px;
}
/* Hover state is set on #mainnav in LAYOUT and Interior sections */

#mainnav #mn_section a.ir { width:166px; background-position:0 0;}

#mainnav a.ir:hover{background:transparent none;}

/* =Dropdowns
********************************/
.nav ul
{
	float:left;
	z-index:2;
	position:absolute;
	border:1px solid #ffffff;
	border-top:none;	
	padding:0;
	background:none #ffffff;
	display:none;
	opacity: .90;
	filter: alpha(opacity:90);
	z-index:10;
}

#mainnav ul {top:43px;} /* Height of #mainnav */
#topnav ul {top:27px;} /* Height of #topnav */

.nav ul li 
{ 
	float:none;
	border-bottom:1px solid #ffffff;
	padding:0; margin:0;
}

.nav ul a
{	
	display:inline-block;
	display:block;
	padding:.5em;
	background:#f1f1f1;
	border:2px solid #cccccc;
	border-top:none;
	border-bottom:none;
	
	font-size:smaller;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	
	/* The below block mimics min-width/min-height in IE6,
	   IE7 renders min-width/min-height correctly.
	   Uses IE6's imperfect understanding of !important. */
	width: auto !important;
	width: 14em;	 
	min-width: 14em;
}

.nav ul li a.alt {}

.nav ul li.last {border-bottom:none;}
.nav ul li.last a {border-bottom:2px solid #cccccc;}

/* .active and .menu (below) rely on Aris.js and aris.menu.js */
.nav dd.active {z-index:10;} 

.nav dd.active ul.menu { display:block; }

.nav #mn_lastdropdown ul.menu { right:0;}

.nav dd.active ul.menu a:hover 
{ 
	text-decoration:none; 
	background-color:#a62645; 
	color:#ffffff;	
}

/* =Sub Nav
********************************/