body {
background: #000000;
color: #000000;
}

a {
color: black;
}

#banner {
background-image: url(images/Starfield-3.jpg); 
height: 165px; 
width: 950px;
}

.media {
float: right; 
margin: 10px 07px 0 0;
}

#mainbody {
margin: auto auto; 
width: 950px;
}
/* Buttons */

#home {
background-image: url('images/buttons/home.png');
width: 100px;
}

#home:hover {
background-image: url('images/buttons/homeon.png'); 
}

#horror {
background-image: url('images/buttons/horror.png'); 
}

#horror:hove {
background-image: url('images/buttons/horroron.png'); 
}

#fantasy {
background-image: url('images/buttons/fantasy.png');
width: 125px;
}

#fantasy:hover {
background: url('images/buttons/fantasyon.png');
}

#scifi {
background: url('images/buttons/scifi.png');
width: 100px;
}

#scifi:hover {
background: url('images/buttons/scifion.png');
}

#literary {
background: url('images/buttons/literary.png');
width: 150px;
}

#literary:hover {
background: url('images/buttons/literaryon.png');
}

#other {
background: url('images/buttons/other.png');
}

#other:hover {
/*background: url('images/buttons/otheron.png');*/
}

#poetry {
background: url('images/buttons/poetry.png');
width: 125px;
}

#poetry:hover {
background: url('images/buttons/poetryon.png');
}

#nonfiction {
background: url('images/buttons/nonfiction.png');
width: 100px;
}

#nonfiction:hover {
background: url('images/buttons/nonfictionon.png');
}

#dli:hover {
background: url('images/buttons/fantasyon.png');
}

#dlo:hover {
background: url('images/buttons/scifion.png');
}

.dropdown {
float: left; 
font-family: Arial; 
height: 25px; 
margin: 0; 
padding: 0; 
list-style: none; 
width: 100px;
}

.dropdown:hover {
background: url('images/buttons/abouton.png');
}

.dropdown li {
background: black;
display: none;
height: 25px;
margin: 0; 
padding: 0;
}

.dropdown:hover li {
display: block;
position: relative;
top: 25px;
}

/* Fantasy Dropdown Menu*/

#DT {
background: url('images/buttons/dragontreasure.png');
}

#DT:hover {
background: url('images/buttons/dragontreasureon.png');
}

#F3 {background: url('images/buttons/f3.jpg');}

#F3:hover {background: url('images/buttons/f3on.jpg');}

#Fire {background: url('images/buttons/firestone.png');}

#Fire:hover {background: url('images/buttons/firestoneon.png');}

#FM {background: url('images/buttons/findingmagic.png');}

#FM:hover {background: url('images/buttons/findingmagicon.png');}

#Rebel {
background: url('images/buttons/rebellion.png');
}

#Rebel:hover {
background: url('images/buttons/rebellionon.png');
}

#STF {
background: url('images/buttons/strangerthanfiction.png');
}

#STF:hover {
background: url('images/buttons/strangerthanfictionon.png');
}

#TTF {
background: url('images/buttons/tickettofaerie.png');
}

#TTF:hover {
background: url('images/buttons/tickettofaerieon.png');
}

#TRA {
background: url('images/buttons/toriseagain.png');
}

#TRA:hover {
background: url('images/buttons/toriseagainon.png');
}

/* Scifi Dropdown Menu */

#CT {
background: url('images/buttons/chasingtime.png');
}

#CT:hover {
background: url('images/buttons/chasingtimeon.png');
}

#Evol {
background: url('images/buttons/evolution.png');
}

#Evol:hover {
background: url('images/buttons/evolutionon.png');
}

#Dim {
background: url('images/buttons/dimensions.jpg');
}

#Dim:hover {
background: url('images/buttons/dimensionson.jpg');
}

#QN {
background: url('images/buttons/queernotion.jpg');
}

#QN:hover {
background: url('images/buttons/queernotionon.jpg');
}

/* Horror */

#HnR {
background: url('images/buttons/HitandRun.jpg');
}

#RB {
background: url('images/buttons/RoyalBlood.jpg');
}

#Cr {
background: url('images/buttons/Crossroads.jpg');
}

/* Poetry Dropdown Menu */

#Sub {
background: url('images/buttons/subversiveverse.png');
}

#Sub:hover {
background: url('images/buttons/subversiveverseon.png');
}

#Pop {
background: url('images/buttons/pairsofpoems.png');
}

#Pop:hover {
background: url('images/buttons/pairsofpoemson.png');
}

#WG {
background: url('images/buttons/green.png');
}

#WG:hover {
background: url('images/buttons/greenon.png');
}

#OtherPoems {
background: url('images/buttons/others.png');
}

#OtherPoems:hover {
background: url('images/buttons/otherson.png');
}

/* About Dropdown Meun */

#bio {
background: url('images/buttons/bio.png');
}

#bio:hover {
background: url('images/buttons/bioon.png');
}

#contact {
background: url('images/buttons/contact.png');
}

#contact:hover {
background: url('images/buttons/contacton.png');
}

#credits {
background: url('images/buttons/credits.png');
}

#credits:hover {
background: url('images/buttons/creditson.png');
}

#media {
background: url('images/buttons/media.png');
}

#media:hover {
background: url('images/buttons/mediaon.png');
}

#news {
background: url('images/buttons/news.png');
}

#news:hover {
background: url('images/buttons/newson.png');
}
#appearances {
background: url('images/buttons/appearances.png');	
}

#appearances:hover {
background: url('images/buttons/appearanceson.png');	
}	

#programs {
background: url('images/buttons/programs.png');
}

#programs:hover {
background: url('images/buttons/programson.png');
}

.buttons {
float: left; 
height: 25px; 
}

.newslink {
color: black;
}

/* Index */

.frontstatus {
font-size: 20px; 
font-weight: bold; 
margin: 5px 0 5px 0;
text-align: center;
}

.fronttitle {
font-size: 30px; 
font-weight: bold; 
margin: 0px 0 10px 0; 
text-align: center
}

/* Appearances */

#eventcol {
float: left; 
min-height: 100px; 
padding-left: 25px; 
text-align: left;
width: 435px;
} 

.eventtext {
font-size: 20px;
}

#eventtitle {
font-size: 24px;
}

.onlinedesc {
font-size: 18px;
margin: 3px 0 3px 0;	
}	

#programsdesc {
font-size: 20px; 
}

#programsdesc a {
color: black;
}

#programsmain {
padding: 50px 50px 25px 50px; 
width: 850px;
}

#programsside {
margin-left: 475px; 
padding: 10px 10px 0 15px; 
width: 450px;
}

#programstitle {
font-size: 36px; 
font-weight: bold; 
margin: 0 0 25px 0; 
text-align: center;
}

.eventtext, #eventtitle {
padding: 1px 0 0px 5px;
text-align: center;
}

#eventtitle a, .eventtext a {
color: black;
}

/* Footer */

#footer {
background: #678eb9;
height: 200px;
margin: auto auto;
padding-top: 40px;
width: 950px
}

#mediabox {
float: left;
height:px;
margin-left: 25px;
width: 250px;
}

#mediabox img {
float: left;
margin-left: 10px;
}

/* Content */

#content {
background: #678eb9;
min-height: 100px;
width: 950px;
}

.entry-left-img, .entry-right-img {
width: 250px;
}

.entry{
background: #678eb9;
/*height: 450px;*/
width: 950px;
}

.entry-left-img {
margin: 50px 0 0 50px;
}

.entry-left {
color: #000000;
float: left;
height: 335px;
margin: 50px 0px 0 10px;
padding: 0 10px 0 10px;
width: 550px;
}

.entry-right {
color: #000000;
float: right;
height: 285px;
margin: 50px 10px 0 0;
padding: 0 10px 0 10px;
width: 550px;
}

.entry-right-img {
margin: 50px 50px 0 0px; 
}

.desc {
font-size: 22px;
}

.entry-right h2 {
font-size: 30px; 
margin: 0 0 0 0;
}

.status {
margin: 05px 0 0 0;
text-align: center;
}

.status h3 {
font-size: 24px;
margin: 0 0 0 0;
}

/* Stories */

.buybuttons {
height: 40px;
padding: 05px 0 0 0;
}

.buybuttons img {
border-radius: 5px;
float: left;
margin-right: 10px;
}

/* Media */

#mediacontent {
font-size: 24px; 
line-height: 2.0 em;
text-align: center; 
}

#mediacontent a {
color: black;
font-weight: bold; 
}

.medialist {
background: #678eb9;
font-family: Arial; 
font-size: 24px;
font-weight: bold;
height: 30px;
padding: 0 0 0 10px; 
list-style: none;
text-align: left;

}

.medialist li {
background: #678eb9;
display: none;
font-size: 16px;
font-weight: light;
height: 25px;
margin: 0; 
padding: 0 10px 0 10px;
text-align: left;
}

.medialist la{
text-decoration: none;
}

.medialist:hover li {
display: block;
position: relative;
top: 0px;
}

/* News */

#bottom {
float: center; 
margin: 30px 0 10px 0; 
width: 650px;
}

#leftcol {
float: left; 
font-size: 22px;
margin: 0 0 0 00px;
min-height: 200px; 
text-align: center; 
width: 250px;
}

#leftcol img{
border: none; 
margin: 0 10px 10px 10px; 
width: 150px;
}

.coltitle {
font-size: 28px; 
font-style: italic; 
font-weight: bold; 
margin: 10px 0 10px 0; 
text-align: center;
}

#rightcol {
margin-left: 260px; 
min-height: 190px; 
width: 390px;
}

#rightcol img{
border: none;
margin: 5px 10px 10px 10px;
width: 150px;
}

#rightcoltitle {
font-size: larger; 
text-align: center;
}

/* Non-fiction */

.article {
float: left; 
height: 150px; 
width: 473px;
}

.articleimg {
float: left;
/*height: 125px;*/
margin: 15px 0 0 25px;
}

.articledesc {
float: right;
margin: 25px 0 0 0;
padding-right: 15px;
width: 325px;
}

/* Sale */

.saleentry {
font-family: serif; 
margin: 10px auto 10px auto; 
width: 500px;
}