@charset "UTF-8";

/*MAIN STYLING*/

body {
	background: #000;	
	background-image:url('../images/bg-stars.jpg');
	background-image:url('../images/bg2.png');
	background-attachment: fixed;
	
	color: #fff;
}


p a {
	color: #ff0099;
}

p a:hover {
	background: #ff0099;
	color: #fff;
}

.highlight {
	color: #ff0099;
}

.sectionheader {
	background: #111111;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#222222), to(#111111));
	background: -moz-linear-gradient(center bottom, rgb(17,17,17) 0%, rgb(34,34,34) 100%);
	
	border-bottom: 1px dashed #111;
}

.sectionheader:hover {
	
	background-color: #ff0099;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff0099), to(#fe2caa));
	background: -moz-linear-gradient(center bottom, rgb(254,44,170) 0%, rgb(255,0,153) 100%);
	
	-o-box-shadow: 0px 0px 10px #ff0099;
	-icab-box-shadow: 0px 0px 10px #ff0099;
	-khtml-box-shadow: 0px 0px 10px #ff0099;
	-moz-box-shadow: 0px 0px 10px #ff0099;
	-webkit-box-shadow: 0px 0px 10px #ff0099;
	box-shadow: 0px 0px 10px #ff0099;
	
	text-shadow: 0px 0px 5px #fff;
	
	color: #fff;

}

.sectionheader:hover .highlight {
	color: #fff;
}

/*TOPBAR AND NAV*/

#topbar {
	background: #111111;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000000), to(#222222));
	background: -moz-linear-gradient(center bottom, rgb(34,34,34) 0%, rgb(0,0,0) 100%);
	
	border-top: 5px solid #ff0099;
}

#logo {
	background:url('../images/leftchannel.png');
}
	

.navblock {
	color: #ff0099;
	border-left: 1px dashed #222222;	
}



.navblock:hover {
	background-color: #ff0099;
		
	-o-box-shadow: 0px 0px 50px #ff0099;
	-icab-box-shadow: 0px 0px 50px #ff0099;
	-khtml-box-shadow: 0px 0px 50px #ff0099;
	-moz-box-shadow: 0px 0px 50px #ff0099;
	-webkit-box-shadow: 0px 0px 50px #ff0099;
	box-shadow: 0px 0px 50px #ff0099;	
}


.navblock:active {
	background: #fe2caa;
	
	-o-box-shadow: 0px 0px 50px #fe2caa;
	-icab-box-shadow: 0px 0px 50px #fe2caa;
	-khtml-box-shadow: 0px 0px 50px #fe2caa;
	-moz-box-shadow: 0px 0px 50px #fe2caa;
	-webkit-box-shadow: 0px 0px 50px #fe2caa;
	box-shadow: 0px 0px 50px #fe2caa;
}


/*VIDEO AND VIDEO DESCRIPTION STYLING*/

#dashedvideo {
	background: rgba(0,0,0,.75);
	
	border-top: 1px dashed #222222;
	border-bottom: 1px dashed #222222;
	
}
	

#videoextend {
	
	background:url('../images/videoextendbg-trans.png');
	
}


#descside {
	background: #ff0099;
	border-right: 1px solid #000;
}	

#desc {
	background: #222222;
	
}	

.options:hover {
	background: #ff0099;
}

	
/*HOT NEWS STYLING*/

#hotnewscontainer {
		display: none;
	}
	
.hotnewsmodule {
	border-top: 1px dashed #222;
}

.hotnewsimg {
	border-right: 1px solid #000;
}

.hotnewsdesc {
	background: #222222;
}



/*THUMBNAILS STYLING*/


/*CAPTIONS*/

div.caption p {
	background: rgba(34,34,34,.85);
	color: #fff;
	border-bottom: 1px #fff dashed;
}



/*FOOTER STYLING*/


#footer {
	background: #111111;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#222222), to(#000000));
	background: -moz-linear-gradient(center bottom, rgb(0,0,0) 0%, rgb(34,34,34) 100%);
	border-top: 1px dashed #222;
}

/*SCROLL BAR*/

/*overwrites the light stylesheet*/

.jScrollPaneTrack {
	background: #111111;
	border-left: 1px solid #000;
	
}

.jScrollPaneDrag {
	border-bottom: 1px solid #111111;
	border-top: 1px solid #111111;
	
}

 
a.jScrollArrowUp {
	background-color: #222222;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	background-image: url('../images/scroll-up-white-small.png');
}
 
a.jScrollArrowDown {
	background-color: #222222;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	background-image: url('../images/scroll-down-white-small.png');
}

/*overwrites the color stylesheet*/

.jScrollPaneDrag {
	background: #ff0099;
}

a.jScrollArrowUp:hover {
	background-color: #ff0099;
}


a.jScrollArrowDown:hover {
	background-color: #ff0099;
	
}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-color: #ff0099;
}