body,td,th {
font-family: Arial;
font-size: 12px;
color: rgb(50,50,50);
}
body {
background-color: rgb(100,150,255);
margin: 0px;
}
.container{
background-image: url(../images/background.jpg);
background-position: center;
background-repeat: repeat-y;
}
#content{
text-align: left;
background-color: rgb(255,50,0);
padding: 0px 10px;
}
.largeText{
font-size: 12pt;
font-weight: bold;
}
.container .story{
padding: 10px;
text-align: left;
background-color: rgb(255,255,255);
}
.title{
font-size: 24px;
font-weight: bold;
}
.by{
font-size: 18px;
font-weight: bold;
}
.sun{
background-image: url(../images/sun_over.jpg);
background-repeat: no-repeat;
margin: 0;
width: 259px;
height: 30px;
padding: 0;
border: 0px;
}
.sun img{
border: 0px;
}
.sun a:hover img{
visibility: hidden;
cursor: pointer;
}
.hearth{
background-image: url(../images/hearth_over.jpg);
background-repeat: no-repeat;
margin: 0;
width: 259px;
height: 30px;
padding: 0;
border: 0px;
}
.hearth img{
border: 0px;
}
.hearth a:hover img{
visibility: hidden;
cursor: pointer;
}
.story01{
background-image: url(../images/story01_over.jpg);
background-repeat: no-repeat;
width: 281px;
height: 30px;
margin: 0;
padding: 0;
border: 0px;
}
.story01 img{
border: 0px;
}
.story01 a:hover img{
visibility: hidden;
cursor: pointer;
}
.story02{
background-image: url(../images/story02_over.jpg);
background-repeat: no-repeat;
width: 281px;
height: 30px;
margin: 0;
padding: 0;
border: 0px;
}
.story02 img{
border: 0px;
}
.story02 a:hover img{
visibility: hidden;
cursor: pointer;
}
.story03{
background-image: url(../images/story03_over.jpg);
background-repeat: no-repeat;
width: 281px;
height: 30px;
margin: 0;
padding: 0;
border: 0px;
}
.story03 img{
border: 0px;
}
.story03 a:hover img{
visibility: hidden;
cursor: pointer;
}
.story04{
background-image: url(../images/story04_over.jpg);
background-repeat: no-repeat;
width: 281px;
height: 30px;
margin: 0;
padding: 0;
border: 0px;
}
.story04 img{
border: 0px;
}
.story04 a:hover img{
visibility: hidden;
cursor: pointer;
}
.story05{
background-image: url(../images/story05_over.jpg);
background-repeat: no-repeat;
width: 281px;
height: 30px;
margin: 0;
padding: 0;
border: 0px;
}
.story05 img{
border: 0px;
}
.story05 a:hover img{
visibility: hidden;
cursor: pointer;
}
.home{
background-image: url(../images/home_over.jpg);
background-repeat: no-repeat;
width: 90px;
height: 60px;
margin: 0;
padding: 0;
border: 0px;
text-align: right;
}
.home img{
border: 0px;
}
.home a:hover img{
visibility: hidden;
cursor: pointer;
}
.contact{
background-image: url(../images/contact_over.jpg);
background-repeat: no-repeat;
width: 120px;
height: 60px;
margin: 0;
padding: 0;
border: 0px;
}
.contact img{
border: 0px;
}
.contact a:hover img{
visibility: hidden;
cursor: pointer;
}
* html a:hover{
visibility: visible;
}
.footer{
text-align: center;
padding: 10px;
}
p.text{
text-indent: 1.5em;
margin-bottom: 0px;
}
p.text + p.text{
margin-top: 0px;
}

a:link, a:visited{
color:rgb(0,0,0);
font-weight: bold;
text-decoration: none;
}
a:hover, a:active{
color:rgb(255,50,0);
text-decoration: underline;
}