body
	{
	background: #FFFFFF url(images/vidplanet_bg.jpg) no-repeat top center;
    margin: 0;
    padding: 0;
    height: 100%;
	font-family: tahoma, verdana, arial, sans-serif;
    font-size: 62.5%;
	}

#content
    {
    margin-top: 0;
    margin-left: -380px;
    position: absolute;
    top: 0;
    left: 50%;
	width: 760px;
    height: 100%;
	color: #000000;
  	font-size: 1.1em;
    }

#top
    {
    width: 1000px;
    height: 200px;
    margin-left: -500px;
    position: absolute;
    left: 50%;
    bottom: 0;
    background: url(images/top_bg.jpg);
    }


#menu
     {
     width: 760px;
     height: 1.4em;
     margin-left: -380px;
     position: absolute;
     left: 50%;
     bottom: 49px;
     border: 0;
     }

ul#navlist
        {
        list-style-type:none;
        padding:0;
        margin:0;
        width:100%;
        margin:0;
        }

ul#navlist li
        {
        display:block;
        width:6.7em;
        height:1.4em;
        float:left;
        margin-right:6px;
        }

ul#navlist a, ul#navlist a:visited
        {
        display:block;
        width:6.7em;
        height:1.4em;
        position:relative;
        text-decoration:none;
        }

ul#navlist a em, ul#navlist a:visited em
        {
        text-align:center;
        display:block;
        font-style:normal;
        width:6.7em;
        height:1.4em;
        border-top:1px solid #FFFFFF;
        border-right:1px solid #FFFFFF;
        border-bottom:1px solid #CCCCCC;
        border-left:1px solid #BBBBBB;
        color:#777777;
        position:absolute;
        top:0;
        left:0;
        cursor:default;
        }

ul#navlist a:hover
        {
        }

ul#navlist a:hover em
        {
        border-top:1px solid #DDDDDD;
        border-right:1px solid #FFFFFF;
        border-bottom:1px solid #999999;
        border-left:1px solid #999999;
        color:#696969;
        background: #DDDDDD;
        }

ul#navlist a:active, ul#navlist a:focus
        {
        width:0;
        height:0;
        }

ul#navlist a:active em, ul#navlist a:focus em
        {
        border-top:1px solid #D1D1D1;
        border-right:1px solid #FFFFFF;
        border-bottom:1px solid #999999;
        border-left:1px solid #999999;
        color:#FFFFFF;
        background:#CFCFCF;
        }

.bar-1
    {
    margin-top: 3px;
    height: 12px;
    width: 100%;
    filter: alpha(opacity=30);
    opacity: .3;
    background-color: #FFFFFF;
    border: 1px solid #000000
    }

.bar-2
    {
    margin-top: 3px;
    margin-bottom: 3px;
    height: 15px;
    width: 100%;
    filter: alpha(opacity=50);
    opacity: .5;
    background-color: #FFFFFF;
    border: 1px solid #000000
    }
    
.bar-3
    {
    margin-top: 3px;
    margin-bottom: 3px;
    height: 19px;
    width: 100%;
    filter: alpha(opacity=75);
    opacity: .75;
    background-color: #FFFFFF;
    border: 1px solid #000000
    }
    
#textfield
	{
    margin-bottom: 3px;
    text-align: center;
    height: 320px;
    width: 100%;
    filter: alpha(opacity=85);
    opacity: .85;
	background-color: #FFFFFF;
	border: 1px solid #333333;
    }
 
#lyricmenu
       {
       position: absolute;
       left: 136px;
       top: 18px;
       width: 180px;
       border: none;
       text-align: right;
       line-height: 1.4em;
       }

#lyricmenu a
       {
       padding: 0 2px 0 2px;
       }
       
#mainbox
    {
    position: absolute;
    background-color: transparent;
    right: 20px;
    top: 20px;
    height: 280px;
    width: 390px;
    border: none;
    text-align: justify;
    overflow: auto;
    padding: 0 10px 0 0;
    }

#halfbox1
    {
    position: absolute;
    right: 400px;
    top: 80px;
    width: 310px;
    border: none;
    text-align: right
    }

#halfbox2
    {
    position: absolute;
    left: 400px;
    top: 80px;
    width: 310px;
    border: none;
    text-align: left
    }

.vspacer
    {
    height: 20px;
    width: 100%;
    border: none
    }

.button
    {
    margin: 0px 0px 4px 4px;
    border: none
    }

#vidmontage
    {
    position: absolute;
    left: 60px;
    top: 30px
    }

a:link, a:visited
	{
	color: #696969;
	text-decoration: none;
	background-color: #FFFFFF;
	}

a:active, a:hover
	{
	color: #000000;
	text-decoration: none;
	background-color: #DDDDDD;
	}

a:focus, a:active
    {
    outline: none;
    }

object {
    outline:none;
    }

b
    {
    font-size: 0.9em;
    font-variant: small-caps;
    font-style: italic;
    color: #696969;
    }