body
{
    font-family:Tahoma,Helvetica,Arial,Swiss,Sans,sans-serif;
    font-size:12px;
    background-color:white;
    color:black;
    width:658px;
}

*
{
    font-size: 1em;
}

div#mast /* masthead */
{
    position:relative;
    width:658px;
    height:135px;
    font-weight:bold;
    text-align:center;
}

div#banner /* left side of mast */
{
    position:absolute;
    top:0px;
    left:0px;
    width:280px;
    height:135px;
    background:black url(/images/top-galaxy.jpg);
    color:white;
}

h1#host /* top left of mast */
{
    letter-spacing:0.3em;
    text-align:center;
    padding:0px;
    margin:0px;
    width:280px;
}

span#motd /* bottom left of mast */
{
    position:absolute;
    top:85px;
    left:0px;
    padding:3px;
    text-align:center;
    font-size:smaller;
    margin:0px;
    width:280px;
}

div#menu /* right side of mast */
{
    position:absolute;
    top:15px;
    left:280px;
    background:black;
    width:378px;
    height:105px;
    font-size:smaller;
}

div#menu a
{
    display:block;
    width:63px;
    height:105px;
    color:white;
}

div#menu a.top
{
    position:absolute;
    top:25px;
    left:0px;
}

div#menu a.pers
{
    position:absolute;
    top:25px;
    left:63px;
}

div#menu a.proj
{
    position:absolute;
    top:25px;
    left:126px;
}

div#menu a.rscs
{
    position:absolute;
    top:25px;
    left:189px;
}

div#menu a.fdbk
{
    position:absolute;
    top:25px;
    left:252px;
}

div#menu a.link
{
    position:absolute;
    top:25px;
    left:315px;
}

div#date /* top right of mast */
{
    position:absolute;
    top:0px;
    left:290px;
}

div#hits /* bottom right of mast */
{
    position:absolute;
    top:120px;
    left:290px;
}

div#date, div#hits
{
    width:378px;
    height:15px;
    color:#a0a0a0;
    text-align:left;
}

div#path, div#copy, div#footer, div#nav
{
    background-color:#ddd;
    margin-top:10px;
    margin-bottom:10px;
}

div#path a
{
    color:black;
}

div#path a:hover
{
    color:blue;
}

div#container
{
    position:relative;
}

div#content
{
    background:url("/images/icons/spiral-white-bg-468.jpg") no-repeat fixed 0px 200px;
    margin-right:180px;
    width:468px;
    top:0px;
    left:0px;
}

body.wide div#content
{
margin-right:0px;
width:658px;
}

div#content:hover
{
}

div#nav
{
   font-size:large;
   padding:10px;
   text-align:center;
}

div#nav a
{
   color:black;
   margin:10px;
}

div#nav a:hover
{
   color:blue;
}

div#sidebar
{
    width:170px;
    position:absolute;
    top:0px;
    left:478px;
    text-align:center;
}

div#sidebar img
{
    margin-bottom:10px;
}

div#sidebar form
{
    margin-bottom:10px;
    text-align:left;
}

div#footer
{
    width:468px;
    float:left;
}

div#copy
{
    width:170px;
    float:right;
}

div.link
{
   clear:both;
}
div.time
{
   color:#666;
}
#playlist
{
   font-size:11px;
}

div.nav
{
   text-align:center;
   font-size:larger;
   font-weight:bold;
   margin:10px;
}

label
{
    display:block;
    font-weight:bold;
}

legend
{
    font-weight:bold;
}

a img
{
    border-style:none;
}

a.top:hover
{
    color:#fffa0c !important;
}

a.fdbk:hover
{
    color:#55f !important;
}

a.pers:hover
{
    color:#f80 !important;
}

a.proj:hover
{
    color:#f33 !important;
}

a.rscs:hover
{
    color:#3f3 !important;
}

a.link:hover
{
    color:#f2f !important;
}

a.none
{
    text-decoration:none;
}

a.none:hover
{
    text-decoration:underline;
}

a:visited
{
    color:black;
    font-weight:bold; 
}

h3.tab
{
    width:400px;
}

h3.tab span, h3.tab a
{
    background-color:black;
    color:white;
    margin:0px;
    padding:2px;
    font-weight:bold;
}

h3.fdbk
{
    border-bottom:thick solid #55f;
}

h3.link
{
    border-bottom:thick solid #d0d;
}

h3.pers
{
    border-bottom:thick solid #f80;
}

h3.proj
{
    border-bottom:thick solid #f33;
}

h3.rscs
{
    border-bottom:thick solid #0d0;
}

h3.top
{
    border-bottom:thick solid #fffa0c;
}

div#content p
{
    text-align:justify;
    text-indent:1em;
    padding:5px;
}

.left
{
   float:left;
   padding:6px;
   clear:right;
}

.right
{
   float:right;
   padding:6px;
   clear:left;
}

/*
.note
{
text-align:justify;
text-indent:1em;
font-size:10pt;
}
*/

h6.caption
{
   margin:0px;
   padding:0px;
}
div#title
{
   background-color:#ccc;
   width:460px;
   font-weight:bold;
   padding:4px;
}

body.wide div#title
{
   width:650px;
}

img.button
{
   border:0px;
   vertical-align:bottom;
}

input, textarea
{
    color:black;
    background-color:transparent;
}

form#comments input, textarea
{
   display:block;
}

form#comments label
{
   line-height:1.5;
}

input:focus, textarea:focus
{
    background-color:#ccc;
}


/* bug in mozilla? can't write it this way.
input[type~=submit reset button]:hover */
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover
{
   background-color:black;
   color:white;
}

input[type="submit"],input[type="reset"],input[type="button"]
{
    text-decoration:underline;
}

input[type="radio"], input[type="checkbox"]
{
   background-color:transparent;
}

th
{
   text-align:left;
}

tr.odd
{
    background-color:white;
}

ul
{
   list-style: square inside none;
   padding:0px;
}

ul.abc {
   list-style:lower-latin;
}