/* story.css, Gromet's Plaza Halloween Special CSS */
BODY {margin:10px 5% 16px 5%;background:#000;color:#F5F5F5}
#head {height:120px;background:url(../../images/haltitle13.gif) center 5px no-repeat}
#head SPAN {display:inline-block;width:100px;height:100px;background:url(../../images/pumpkin.jpg)}
#head SPAN.story1r {width:115px;height:120px;background:url(../../images/skeleton.jpg)}
.story1,.story1c {font-family:"Century Gothic";font-size:13px;color:#3C9}
.story1 A:link,.story1c A:link {color:#3FC}
.story1 A:visited,.story1c A:visited {color:#3C9}
.story1 P {margin:4px 0}
.story1r {float:right}
.story1c {text-align:center}
H1,H3 {font-family:"Trebuchet MS";font-size:24px;font-weight:bold;margin:1px 0}
H1 {color:#FF0}
H3 {font-size:19px;color:red}
A {color:red}
A:visited {color:#B00005}
A:hover {text-decoration:none}
A.backlink {display:inline-block;width:180px;height:36px;background:url(../../images/haltales.gif)}
.story5l {font-family:"Century Gothic";font-size:12px;color:#999;text-align:left}
.story5w {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;color:#999;text-align:left}
.story6 {font-family:"Trebuchet MS";font-size:19px;text-align:center}
.storym {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:14px;color:#F5F5F5;padding-left:4pt;padding-right:4pt;margin-top:40px}
.style4 {font-family:"Trebuchet MS";font-size:11px}
.style5,.style7 {color:#FFF;font-size:8px}
.styleDW,.style20,.style21,.style22 {font-family:"Arial, Helvetica",sans-serif}
.styleDW {color:#F00;font-size:12px;background-color:#E5E5E5;text-align:center}
.style20 {font-size:18px;color:#00F;font-weight:bold}
.style21 {font-size:16px;color:#00F}
.style22 {font-size:14px;color:#C3C}
.feature IMG {float:left;padding:0 10px 0 0}
#ebooks {font-style:italic}

@media only screen and (max-width:790px){
BODY {margin:10px 20px}
.story1,.story1c,.story5l {font-size:10px}
H1 {font-size:20px}
H3,.story6 {font-size:15px}
.storym,#ebooks {font-size:12px}
}
@media only screen and (max-width:550px){
#head SPAN {display:none}
}
@media only screen and (max-width:500px){
BODY {margin:5px 10px}
.storym {margin-top:30px}
#ebooks UL {padding-left:10px;margin:5px 0}
}