body{ background-color: black;
color: white;
background-image: url("https://www.crossfire-radio.com/forums/imgf/bgd3.jpg");
background-attachment: fixed;
}


a.lilink:link {
color: white;
font-size: 25;
text-decoration: none;
}

a.lilink:visited{
color: darkorange;
font-size: 10;
}

a.lilink:hover{
color: black;
background-color: white;
font-size: 25;
}

a.lilink:active{
color: blue;
background-color: white;
font-size: 25;
}

<!-- FOOTER LINKS -->

a.footerlink:link {
color: white;
font-size: 20;
}

a.footerlink:visited {
color:gray;
font-size: 19;
}

a.footerlink:hover {
color:red;
background-color: white;
font-size: 20;
}

a.footerlink:active {

}

/* 
a:link{
color: white;
background-color: black;
}
a:visited{
color: white;
text-decoration: dotted;
background-color: none;
}
a:hover{
color: black;
background-color: #B10000;
}
*/

#container
{
width: 90%;
margin: 10px auto;
color: #333;
line-height: 130%;
}

#top
{
padding: .5em;

}

#top h1
{
padding: 0;
margin: 0;
text-align: center;
}

#leftnav
{
float: left;
width: 215px;
margin: 0;
padding: 1em;
background-color: #000;
color: red;
border-style: solid;
border-color: white;
height: 150px;
overflow: auto;
text-align: center;
margin-left: -65px;
}

#leftnav2
{
float: left;
width: 215px;
margin: 0;
margin-left: -254px;
margin-top: 200px;
padding: 1em;
background-color: #000;
color: gold;
border-style: solid;
border-color: white;
height: 150px;
overflow: auto;
text-align: center;
}

#leftnav3
{
float: left;
width: 215px;
margin: 0;
margin-left: -254px;
margin-top: 400px;
padding: 1em;
background-color: #000;
color: #fff;
border-style: solid;
border-color: white;
height: 150px;
overflow: auto;
text-align: center;
}

#leftnav4
{
float: left;
width: 215px;
margin: 0;
margin-left: -254px;
margin-top: 600px;
padding: 1em;
background-color: #000;
color: #fff;
border-style: solid;
border-color: white;
height: 150px;
overflow: auto;
text-align: center;
}

#rightnav
{
float: right;
width: 215px;
margin: 0;
padding: 1em;
background-color: #000;
color: #fff;
border-style: solid;
border-color: white;
overflow: auto;
height: 150px;
margin-right: -65px;
text-align: center;
}

#rightnav2
{
float: right;
width: 215px;
margin: 0;
padding: 1em;
background-color: #000;
color: #fff;
border-style: solid;
border-color: white;
overflow: auto;
height: 150px;
margin-right: -254px;
height: 150px;
margin-top: 200px;
text-align: center;
}


#rightnav3
{
float: right;
width: 215px;
margin: 0;
padding: 1em;
background-color: #000;
color: #fff;
border-style: solid;
border-color: white;
overflow: auto;
height: 150px;
margin-right: -254px;
margin-top: 400px;
text-align: center;
}


#rightnav4
{
float: right;
width: 215px;
margin: 0;
padding: 1em;
background-color: #000;
color: #fff;
border-style: solid;
border-color: white;
overflow: auto;
height: 150px;
margin-right: -254px;
margin-top: 600px;
text-align: center;
}

#content
{
margin-left: 200px;
margin-right: 200px;
padding: 1em;
max-width: 150em;
background-color: #000;
color: white;
border-style: solid;
border-color: white;
text-align: center;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #fff;
text-align: center;
width: 60%;
margin-bottom: 5px;
height: 150px;
}

#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#leftnav2 p, #rightnav2 p { margin: 0 0 1em 0; }
#leftnav3 p, #rightnav3 p { margin: 0 0 1em 0; }
#leftnav4 p, #rightnav4 p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

.homelogin {
font-size: 12px;
text-align:left;
margin: 5px;
padding: 3px;
height: auto;
width: auto;
position:fixed;
z-index: 1;
top: 2px;
color: #74C2E1;
background-color: transparent;
}

textarea {
background-color: #0191C8;
font-size: 12px;
font-family: Times New Roman, Georgia, arial narrow;
overflow: hidden;
}

.shoutbox1 {
width: 100%;
margin: 0;
padding: 1em;
background-color: #000;
color: teal;
border-style: solid;
border-color: white;
height: 325px;
overflow: auto;
}

/* Table Footer Start */
table.unstyledTable 
{  
width: 95%;  height: 50px;  text-align: center;  border-collapse: collapse;  position: relative;  bottom: 0;  margin-left:auto;  margin-right:auto;
}

table.unstyledTable td, table.unstyledTable th 
{  
padding: 2px 1px;  font-size: 20px;  height: 50px;
}

table.unstyledTable thead 
{  
background: #DDDDDD;
}
table.unstyledTable thead th 
{  
font-weight: normal;
}
table.unstyledTable tfoot 
{  
font-weight: bold;
}

/* Table Footer  End*/


/* Table Menu1 Start */
table.unstyledTable1 
{  
width: 50%;  height: 50px;  text-align: center;  border-collapse: collapse;  position: relative;  top: 0;  margin-left:auto;  margin-right:auto;
}

table.unstyledTable11 td, table.unstyledTable1 th 
{  
padding: 2px 1px;  font-size: 20px;  height: 50px;
}

table.unstyledTable1 thead 
{  
background: #DDDDDD;
}
table.unstyledTable1 thead th 
{  
font-weight: normal;
}
table.unstyledTable1 tfoot 
{  
font-weight: bold;
}

/* Table Menu1  End*/

/*Eliminates padding, centers the thumbnail */

body, html {
padding: 0;
margin: 0;
text-align: center;
}

/* Styles the thumbnail */

a.lightbox img {
height: 250px;
border: 3px solid white;
box-shadow: 0px 0px 8px rgba(0,0,0,.3);
margin: 94px 20px 20px 20px;
z-index: 1;
}

/* Styles the lightbox, removes it from sight and adds the fade-in transition */

.lightbox-target {
position: fixed;
top: -100%;
width: 100%;
background: rgba(0,0,0,.7);
width: 100%;
opacity: 0;
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
overflow: hidden;
z-index: 1;
}

/* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */

.lightbox-target img {
margin: auto;
position: absolute;
z-index: 1;
top: 0;
left:0;
right:0;
bottom: 0;
max-height: 0%;
max-width: 0%;
border: 3px solid red;
box-shadow: 0px 0px 8px rgba(0,0,0,.3);
box-sizing: border-box;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;

}

/* Styles the close link, adds the slide down transition */

a.lightbox-close {
display: block;
width:50px;
height:50px;
box-sizing: border-box;
background: white;
color: black;
text-decoration: none;
position: absolute;
top: -80px;
right: 0;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
z-index: 1;
}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:before {
content: "";
display: block;
height: 30px;
width: 1px;
background: black;
position: absolute;
left: 26px;
top:10px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
z-index: 1;
}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:after {
content: "";
display: block;
height: 30px;
width: 1px;
background: black;
position: absolute;
left: 26px;
top:10px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
z-index: 1;
}

/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */

.lightbox-target:target {
opacity: 1;
top: 0;
bottom: 0;
z-index: 1;
}

.lightbox-target:target img {
max-height: 100%;
max-width: 100%;
z-index: 1;
}

.lightbox-target:target a.lightbox-close {
top: 0px;
z-index: 1;
}

.livevid {
	background-color: #474747;
	width: 550px;
}