* {
margin:0;
padding: 0;
}
html {
background-image:url('images/starfield.jpg');
}
body {
color:white;
font-family:Arial, sans-serif;
}
a:active, a:link, a:visited {
text-decoration: none;
color: #F3E113;
}
a:hover {
color: #FD9D33;
text-decoration: none;
}
p {
margin:0.5em;
}
h1 {
height:125px;
width:525px;
background-repeat:no-repeat;
text-indent:-9999px;
}
h3 {
display:block;
text-align:center;
font-size:small;
background-color:#36342f;
border:2px white dotted;
padding:0.5em;
margin:0.5em;
}
h4 {
font-family:Verdana;
font-size:smaller;
background:#36342f;
border:1px gray dashed;
border-left:none;
border-right:none;
font-weight:bold;
padding:0.25em;
}
h5 {
text-align:left;
font-size:small;
}
div#Container {
position: absolute;
background-image:url('images/planet.jpg');
background-repeat:no-repeat;
width:100%;
height:100%;
}
div#Promos p {
text-align:center;
}
div#Promos img {
padding: 10px;
background-image:url('images/headlinesbg.png');
border:1px #F3E113 solid;
}
div#Content {
width: 48em;
margin-left: auto;
margin-right: auto;
}
div#Navigation {
margin:2em 2em 0 0;
width:13em;
float:left;
}
div#RightColumn {
margin: 2em 0 0 0;
width: 32em;
float: left;
height: 100%;
}
#ShoutImage {
border:1px #F3E113 solid;
}
div#HeadlinesBox {
width:32em;
height:32em;
float:left;
border-width:1px;
border-style:solid;
border-color:#36342f;
}
div#Headlines {
margin-left:0.5em;
margin-right:0.5em;
width:31em;
height:19em;
background-image:url('images/headlinesbg.png');
border:1px #36342f solid;
overflow:auto;
}
div#Submit {
margin-top:0.5em;
margin-left:0.5em;
margin-right:0.5em;
width:31em;
background-image:url('images/headlinesbg.png');
border:1px #36342f solid;
}
p#NewsOptions {
text-align:center;
}
div#BBSTopic, div#ShoutTopic, div#CopyrightInfo, div#Poll {
float:left;
width:100%;
margin:2em 0em 0em 0em;
background-image:url('images/transparentbackground.png');
border-width:1px;
border-style:solid;
border-color:#36342f;
overflow:hidden;
}
fieldset {
border:0;
padding:0.5em;
}
fieldset input {
font-size:medium;
font-family:Georgia;
border:1px white solid;
width:100%;
}
div#button input {
background-color:#36342f;
font-family:Verdana;
font-weight:bold;
font-size:small;
text-transform:uppercase;
color:white;
border:1px white solid;
}
div#button input:hover {
border:1px black solid;
}
label {
display:block;
}
fieldset input:hover, input:active, input:focus {
border:1px black solid;
}
#VerticalMenu ul {
margin: 0;
padding: 0;
width: 13em;
list-style: none;
border: 1px solid #36342f;
background-image:url('images/transparentbackground.png');
}
#VerticalMenu ul li {
position: relative;
}
#VerticalMenu li ul {
position: absolute;
left: 12em;
top: 0;
display: block;
border: 1px #fff000 solid;
}
#VerticalMenu li:hover ul {
display: block;
}
#VerticalMenu li:hover>ul {
visibility:visible;
}
#VerticalMenu ul ul {
visibility:hidden;
}
/* A fix for IE. Do not show to Mac Internet Explorer \*/
* html #VerticalMenu ul li { height: 1%;
float: left;
}
* html #VerticalMenu ul li a {
height: 1%;
}
/* Done */
#VerticalMenu ul, li {
margin: 0 0 0 0;
}
#VerticalMenu ul a:hover {
color: #FFFFFF;
background-color:#36342f;
}
#VerticalMenu ul a {
display: block;
text-decoration: none;
padding: 5px;
color:#fff000;
font-size:medium;
font-weight:bold;
}
#VerticalMenu li ul a:hover {
color: #fff000;
}
#VerticalMenu li ul a {
text-decoration: none;
color: #fff;
background: #36342f;
padding: 5px;
}
.text {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}
.border {
border: 2px solid #CCCCCC;
}
.border2 {
border: 2px solid #000000;
}
.small {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
}
.big {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #000000;
}