/*
CSS for MysidiaRPG.com
*/

#indexnavigation,   #bodycontent, #header,   #mainnavigation,   #decoration {
position: absolute;
}
 

body {
background-color: gold;
margin-top: 1%;
margin-left: 1%;
margin-bottom: 1%;
margin-right: 1%;
}

#header {
border: 1px solid blue;
height: 30%;
width: 98%;
background-color: purple;
}

 #header h1{
text-align: center;
font-size: 50px;
font-family:  Ravie, sans-serif;
margin-top: -0.1%;
letter-spacing: 15px;
color: #FF7F00;
background-image: url(banner.jpg);
width: 35%;
margin-left: 32%; 
marigin-right: 20%;
height: 100%;
padding-left:  -20%;
}

span.mysidia_h1_rgb {
padding-left: 43%;
line-height: 180%;
}

#bodycontent,  #decoration, #indexnavigation {
top: 220px;
}



#bodycontent{
font-size: 18px;
font-family: Helvetica, Arial, sans-serif;
text-align: center;
line-height: 150%;
background-color: #FF66CC;
height: 100%;
margin-left: 19%;
width: 60%;

}

#bodycontent h2, h3, h4 {
text-align: center;
color: #660099;
}

#bodycontent h2 {
line-height: 135%;
background-color: #00BFFF; 
}

span.mysidia_h2_color {
color: orange;
font-family:  Ravie, sans-serif;
letter-spacing: 5px;
}

#bodycontent p {
padding: 1px 20px 20px 20px;
text-align: left;
color: black;
}


#mainnavigation {
top: 26%;
left: 20.5%;
font-size: 23px;
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
font-weight: bold;
letter-spacing: 5px;
word-spacing: 5px;

}

#mainnavigation table th  {
border:  5px solid #FF66CC;
background-color: yellow;
}



#decoration {
right: 1%;
background-color: #66FF00;
width: 19%;
height: 100%;
}

#indexnavigation{
color: black;
background-color: #66FF00;
font-size: 20px;
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
width: 19%;

line-height: 150%;
height: 100%;
}

#indexnavigation ul{
padding-left: 11%;
}



span.mysidia_projects_link {
font-size: 25px;
}


a:link {
color: #FF6600;
text-decoration: none;
}

a:visited {
color: blue;
}

a:hover {
background-color: cyan ;
}

a:active {
color: #FFFFCC;
background-color: #33CC99;
}

footer {
position: fixed;
width: 100%;
height: 100px;
top: 95%;
text-align: center;
font-size: 15px;
background-color: yellow;
}