body {
background:url(images/back.png) repeat #fff;
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
/*color:#1e1b18;*/
}
p{
text-align:justify;
line-height:18px;
padding:0px 0 5px 0;
}
span.red{
color:#6698E1;
font-weight:bold;
}
.clear{
clear:both;
}
#main_container{
width:900px;
height:auto;
margin:-30px auto;
}
#header{
width:900px;
height:110px;

/* background:url(images/header_bg.jpg) no-repeat top center;*/
/*background:url(images/page_bg.jpg) no-repeat top center;*/
margin:20px 0px;
}
#logo{
padding:0px 0 0 0px;
margin:.5px 2px 5px 15px;
float:left;
}
.on_air{
float:right;
margin:50px 0px;
padding:0px 0px 0 0;
z-index:9999;
}
/*----------------------menu-------------------------*/
#menu{
width:856px;
height:39px;
clear:both;
margin: 5px auto;
padding:0px;
background:url(images/menu_bg4.png) no-repeat center;
opacity:0.9;
 filter: alpha(opacity = 50);
}

#menu ul{
list-style:none;padding:0 0 0 30px;margin:0px;display:block;
}
#menu ul li{
list-style:none;display:inline;float:left;width:auto;padding:0px; font-size:15px; line-height:39px; 
}
#menu ul li a{
float:left;text-decoration:none;padding:0px 10px 0 30px; margin:0px;color:#fff;text-align:center;
}
#menu ul li a:hover{
text-decoration:none;color: #fff; background:url(images/menu_bullet2.png) no-repeat left;padding:0px 10px 0 30px;
}
#menu ul li a.current{
float:left;text-decoration:none;background:url(images/menu_bullet2.png) no-repeat left;padding:0px 10px 0 30px;color: #fff;margin:0px;
}

#dj_profile_container {
    background:#000000;
    border:6px solid #000000;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    opacity:0.9;
    width:97%;

}

#dj_profile {
height:80px;
width:80px;
float:left;


background-color:#FFFFFF;

    border:6px solid #6698e1;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    opacity:0.9;

}

.left_content{
height:2500px;
width:435px;
float:left;
opacity: 0.9;

/*background:url('images/strip.png');
*/
background-color:#FFFFFF;
    width:395px;

    border:6px solid #6698e1;	 /*rgba(11, 138, 251, 0.577344);*/
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;

margin:0px 22px;
}

.right_content{
position:relative;
height:1020px;
width:404px;
float:left;
margin:0px 0px;
padding:5px 5px 5px 5px; 

background-color:#FFFFFF;

    border:6px solid #666;
    border:6px solid #6698e1; /*rgba(11, 138, 251, 0.577344);*/
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    background-color:#FFFFFF;
    opacity:0.9;
 filter: alpha(opacity = 50);

}
img.listen_live{
padding:20px 0 0 0px;
}
.track_name{
width:295px;
height:104px;
background:url(images/track_playing.gif) no-repeat center;
margin:10px 0 0 0px;
}
.track_name p{
width:150px;
padding:50px 0 0 100px;
text-align:center;
color:#FFFFFF;
}
.title3 {
font-family:arial;
font-size:16px;
font-weight:bold;
color:#FFFFFF;
background:#000000;
clear:both;

margin: 5px 5px;
border:6px solid rgba(0,0, 0, 0.798);
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:6px;
    opacity:0.9;

}

.title2 {

background:#000000;
color:#FFFFFF;
float:left;
margin: 5px 1px;
font-family:arial;
font-size:16px;
font-weight:bold;
width:96.5%;
clear:both;

border:6px solid rgba(0,0, 0, 0.798);
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:6px;
    opacity:0.9;

}

.title{
font-size:20px;
color:#0bace1;
clear:both;
padding:10px 2px 10px 2px;
}

img.left_img {
float:left;
padding:0 10px 0 0;
}

.right_news{
float:left;
width:auto;
padding:10px 0 8px 0;

}
.news_date{
width:42px;
height:48px;
float:left;
color:#FFFFFF;
line-height:50px;
text-align:center;
background:url(images/date_bg.gif) no-repeat center;
font-size:11px;
}

.news_content{
margin:0px 5px;
width:265px;
float:left;
text-align:justify;
line-height:18px;
padding:0 0 0 5px;
}

.left_shows{
float:left;
width:auto;
border-style:groove;
border-bottom:2px #000000 groove;
padding:10px 0 8px 0;
margin:0 0 10px 0;
border:6px solid rgba(0,0, 0, 0.798);
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:6px;

background-color:#000000;
    opacity:0.9;
}

.show_date{
width:100px;
height: auto;
float:left;
color:#FFFFFF;
font-size:24px;
font-weight:bold;
/*text-shadow: 0 0 0.2em #6698e1, 0 0 0.2em #6698e1, 0 0 0.2em #6698e1;*/

margin:0px 5px;

}
.show_text_content{
width:370px;
float:left;
text-align:justify;
line-height:18px;
padding:0 0 0 10px;
      font-family: "Arial";
    font-size: 16px;
    color: #6698e1;
font-weight:bold;
}
a.more_details{
float:right;
padding:10px 0 0 0;
color:#999999;
text-decoration:none;
font-weight:bold;
}

.photo_gallery{
padding:30px 0 0 0;
}
.left_nav{
width:17px;
height:auto;
float:left;
padding:27px 10px 0 0;
}
.right_nav{
width:17px;
height:auto;
float:left;
padding:27px 0 0 10px;
}
.gallery_thumbs{
padding:0px;
}
img.gallery_thumb{
float:left;
padding:0 10px 0 10px;
}

/*-----------------------------footer------------------*/
#footer{
font-size:20px;
font-weight:bold;
clear:both;
width:850px;
height:65px;
margin:auto;

/* background:url(images/footer_bg.gif) no-repeat center; */
}
.copyright{
float:right;
padding-left:10px;
padding-top:10px;
}
.footer_links{
float:left;
padding-right:15px;
padding-top:13px;
}
.footer_links a{
text-decoration:none;
color:#FFFFFF;
padding-left:10px;
}
.footer_links a:hover{
text-decoration:underline;
color: #a90329;
}

/* lalalalal */

@font-face {
    font-family: League-Gothic;
    src: url("League-Gothic.otf") format("opentype");
}

@font-face {
    font-family: Vegur;
    src: url("Vegur-B 0.602.otf") format("opentype");
}




#vintage h1 {
    text-align: center;
    margin: 200px auto;
    font-family: "League-Gothic", Courier;
    font-size: 200px; text-transform: uppercase;
    color: #707070;
    text-shadow: 5px 5px 0px #eee, 7px 7px 0px #707070;
}

#neon {
 padding: 0px; 
	background-color:#000000;
    border:6px solid #000000;	 /*rgba(11, 138, 251, 0.577344);*/
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
margin:2px 0px;
margin-top:0px;
opacity:0.9;

}

#neon h1 {
    text-align: center;
    margin: 5px auto;
    font-family: "Museo";
    font-size: 200px; text-transform: uppercase;
    color: #fff;
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 25px #ff00de, 0 0 30px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de;
}
#neon p {
    text-align: left;
    margin: 5px 5px;
  font-family: "Arial";
    font-size: 14px;
    color: #FFFFFF;

/*    text-shadow: 0 0 1px #000000, 0 0 0.2px #FFFFFF;*/
}

#neon a {
      text-align: center;
    margin: 5px auto;
    font-family: "Arial";
    font-size: 16px;
    color: #0bace1;
    text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #FFFFFF;
}

#inset {
    padding: 100px; background: #474747;
}

#inset h1 {
    text-align: center;
    margin: 200px auto;
    font-family: "League-Gothic", Courier;
    font-size: 200px; text-transform: uppercase;
    color: #222;
    text-shadow: 0px 2px 3px #666;

}


#anaglyphic {
    padding: 100px; background: #fff;
}

#anaglyphic h1 {
    text-align: center;
    margin: 200px auto;
    font-family: "League-Gothic", Courier;
    font-size: 200px; text-transform: uppercase;
    color: rgba(0,168,255,0.5);
    text-shadow: 8px 8px 0 rgba(255,0,180,0.5);

}


#fire {
    padding: 100px; background: #000;
}

#fire h1 {
    text-align: center;
    margin: 200px auto;
    font-family: "League-Gothic", Courier;
    font-size: 200px; text-transform: uppercase;
    color: #fff;
    text-shadow: 0 0 20px #fefcc9, 10px -10px 30px #feec85, -20px -20px 40px #ffae34, 20px -40px 50px #ec760c, -20px -60px 60px #cd4606, 0 -80px 70px #973716, 10px -90px 80px #451b0e;

}


#boardgame {
    padding: 100px; background: #eee;
}

#boardgame h1 {
    text-align: center;
    margin: 200px auto;
    font-family: "League-Gothic", Courier;
    font-size: 200px; text-transform: uppercase;
    color: #fff;
    text-shadow: 10px 10px 0 #ffd217, 20px 20px 0 #5ac7ff, 30px 30px 0 #ffd217, 40px 40px 0 #5ac7ff;

}



#mmyBox #1mmyBox_content {
	padding:2px;
	font-family: verdana, arial, helvetica;
	font-size: 12px;
}
 
.infiniteCarousel {
  width: 310px;
  position: relative;
}
 
.infiniteCarousel .wrapper {
  width: 320px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 10em;
  margin: 0 40px;
  position: absolute;
  top: 0;
 
}
 
.infiniteCarousel ul a img {
  border: 5px solid #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
 
.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}
 
.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 10px;
  height: 85px;
  width: 85px;
}
 
.infiniteCarousel ul li a img {
  display:block;
}
 
.infiniteCarousel .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url('images/arrow2.png') no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 37px;
  cursor: pointer;
}
 
.infiniteCarousel .forward {
  background-position: 0 0;
right:-90px;
}
 
.infiniteCarousel .back {
  background-position: 0 -72px;
  left: 0;
}
 
.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
 
}
 
.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}
 


/*-- awesome lcd end-->*/
@font-face {
    font-family: 'LCDDotRegular';
    src: url('font/lcddot-webfont.eot');
    src: url('font/lcddot-webfont.eot?iefix') format('eot'),
         url('font/lcddot-webfont.woff') format('woff'),
         url('font/lcddot-webfont.ttf') format('truetype'),
         url('font/lcddot-webfont.svg#webfontdF2RayaJ') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Digital7';
    src: url('font/digital-7_italic-webfont.eot');
    src: url('font/digital-7_italic-webfont?iefix') format('eot'),
         url('font/digital-7_italic-webfont.woff') format('woff'),
         url('font/digital-7_italic-webfont.ttf') format('truetype'),
         url('font/digital-7_italic-webfont.svg#webfontdF2RayaJ') format('svg');
    font-weight: normal;
    font-style: normal;
}

.lcddisplay {
	width: 300px;
	padding: 2px;
	background: #6698e1; /* old browsers */
	background: -moz-linear-gradient(top, #6698e1 14%, #6698e1 56%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(14%,#6698e1), color-stop(56%,#6698e1)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B3CBB3', endColorstr='#A2BCA2',GradientType=0 ); /* ie */
	-webkit-box-shadow: inset 1px 1px 5px #333333;
	-moz-box-shadow: inset 1px 1px 5px #333333;
	box-shadow: inset 1px 1px 5px #333333;	color: #000;
	font-size: 1em;
	line-height: 1.0em;
	color:#FFFFFF;
	/*text-shadow: 2px 2px 0px #000000;*/
	border-bottom: 1px rgba(255,255,255,0.2) solid;
	border-right: 1px rgba(255,255,255,0.2) solid;
	border-top: 1px rgba(0,0,0,0.7) solid;
	border-left: 1px rgba(0,0,0,0.7) solid;
	margin-bottom: 0px;

opacity:0.6;
}
.lcddisplay2 {
	padding: 2px;
	font-size: 1em;
	line-height: 1.0em;
	color:#FFFFFF;

	margin-bottom: 0px;

opacity:0.6;
}

.lcddisplay.dotmatrix {
	font-family: LCDDotRegular;
}
.lcddisplay.lcddigits {
	font-family: Digital7;	
	font-size: 2em;
}
.lcddisplay2.lcddigits {
	font-family: Digital7;	
	font-size: 2em;
}

/*-- awesome lcd end--*/

