/* 
ln_styles.css
Styles for the Long Night Part of the Website
*/

#lnight {

}

#lnight ul {
	list-style: none;
	font-size: 12px;
	}


/* subnav color settings */

#ln_bar {
	width: 600px;
	height: 80px;
	margin: 8px 0px;
	font-size: 10px;
}

#ln_site, #ln_line, #ln_air {
	display: block;
	width: 30%;
   width: 194px;
	font-weight: bold;
	float: left;
}

#ln_site {
	padding-right: 8px;
	color: #690;
	}
	
#ln_line {
	padding-right: 8px;
	color: #999;

	}
	
#ln_air {
	color: #09c;
	}
	
#lnselect {
	position:relative;
	left:50%;
	margin-left:-153px;
	border:2px solid #ccc;
	border-bottom:0px solid #09c;
	border-top:1px solid #ccc;
	height:6px;
	color:#fff;
	text-align:center;
	margin-top:6px;
	margin-bottom:-6px;
	width:302px;
}

#lnselect #d {
	display:block;
	position:relative;
	left:50%;
	height:5px;
	margin-top:-3px;
	margin-left:-5px;
	background-color:#ccc;
	width:10px;
	vertical-align:absmiddle;
	z-index:3;
}

#lnselect #d2 {
	display:block;
	position:relative;
	left:50%;
	height:5px;
	margin-top:0px;
	margin-left:-1px;
	background-color:#ccc;
	width:2px;
	z-index:2;
	vertical-align:absmiddle;
}

a.t,a.tover {
	display: block;
	font-size: 11px;
	font-weight: bold;
	padding: 4px;
	width:186px;
	text-decoration: none;
	color: #fff;
	text-align: left;
	}
	
#ln_site .t {
	background-color: #9c0;
}

#ln_line .t {
	background-color: #999;
}

#ln_air .t {
	background-color: #3cf;
}

	
#ln_site a.t:hover {
	background-color: #cf0;
	color: #060;
}

#ln_site .tover {
	background-color: #cf0;
	color: #060;
}

#ln_line a.t:hover {
	background-color: #eee;
	color: #999;
}

#ln_line .tover {
	background-color: #eee;
	color: #999;
}


#ln_air a.t:hover {
	background-color: #6ff;
	color: #09c;
}

#ln_air .tover {
	background-color: #6ff;
	color: #09c;
}

#ln_bar p {
	display: block;
	padding: 4px;
	margin: 0px;
	text-align: justify;
	}
	
#onlinewrapper {
	width: 600px;
	height: 300px;
	background: url(picts/onlineback.png) 50% 50% no-repeat;
	}

/* #####################################################
This is the online - node stuff - GENERIC without COLORS
######################################################*/	
	
#browsebar {
	padding: 8px;
	margin-bottom: 8px;
	font-size: 12px;
	font-weight: bold;
	height: 13px;
	clear: left;
	}
	
#browsebar a, #browsebar a:visited {
	color:#fff !important;
}
	
#browsebar #ol_nav {
	float: right;
	margin: -4px;
	font-size: 10px;
	}
	
select {
	font-size: 10px;
	}
	
#nodelist {
	font-size: 10px;
	padding: 0 8px;
	}
	
#detail_wrp {	
		width: 365px;
		padding: 8px;
		}

#detail_l {
	float: left;
	width: 200px;
	text-align: center;
	margin: 0 8px 8px 0px;
	font-size: 11px;
	}
	
#detail_wrp .listen {
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	}

#detail_l img {
	margin-bottom: 4px;
	}
	
#detail_l a img {
	background-color: #09c;
	}

#detail_wrp a img { 
	background-color: #09c;
	}
#detail_wrp h3 {
	font-size:18px;
	padding:0px;
}
#detail_wrp h4 {
	font-size:11px;
	padding:0px;
	font-weight:normal;
}
#detail_wrp #info {
	font-size: 11px;
	text-align: right;
	}

#swap {
	display: none;
	}

#detail_wrp p {
	font-size: 12px;
	}
	
#detail_b_header {
	border-width: 1px 0;
	border-style: solid; 
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	padding: 4px;
	clear: left;
	margin: 8px 0;
	}
	
#detail_b_list {
	font-size: 12px;
}
#detail_b_list #playlist {
width:100%;
	}
#detail_b_list #playlist .time {
	width:70px;
	font-size: 11px;
	}

#detail_b_list #playlist .name {
font-size: 11px;
width: 200px;
text-align: left;
padding-right: 4px;
	}

#detail_b_list #playlist .artist {
font-size: 11px;
text-align: left;
	}
	
#detail_b_list #playlist td.link {
text-align:right;
}

#detail_b_list #playlist a {
font-size: 11px;
text-align: left;
	}

#detail_b_list #playlist tr {
vertical-align:top;
text-align: left;
border-top:1px solid #666666;
	}

#detail_b_list #playlist table {
width:100%;
padding:4px;
	}
	
#detail_b_list #playlist td.odd {
	background: url('picts/shed_grad.png') top right repeat-y;
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
}

#detail_b_list .even {
}


#onair .listen, #online .listen, #onsite .listen {
	text-decoration:none;
	font-weight:bold;
}
/* ON-SITE THEMES */
	
#onsite #detail_b_header {
	background-color: #9c0;
	color: #fff;
	}
	
#onsite #nodelist {
	color: #9c0;
	}
	
#onsite #browsebar {
	background-color: #9c0;
	color: #fff;
	}
	
#onsite a {
	color: #690;
	}
	
#onsite a:visited {
	color: #360;
	}
	
#onsite .listen img {
	background-color: #690;
	margin-right: 4px;
	margin-top: 2px;
	}

/* ON-AIR THEMES */

#onair #detail_b_header {
	background-color: #3cf;
	color: #fff;
	}
	
#onair #nodelist {
	color: #3cf;
	}
	
#onair #browsebar {
	background: #3cf;
	color: #fff;
	}
	
#onair a {
	color: #09c;
	}
	
#onair a:visited {
	color: #069;
	}
	
#onair .listen img {
	background-color: #09c;
	margin-right: 4px;
	margin-top: 2px;
	}


/* ON-LINE THEMES */

#online #detail_b_header {
	background-color: #999;
	color: #fff;
	}
	
#online #nodelist {
	color: #666;
	}
	
#online #browsebar {
	background: #999;
	color: #fff;
	}
	
#online a {
	color: #69c;
	}
	
#online a:visited {
	color: #369;
	}
	
#online .listen img  {
	background-color: #69c;
	margin-right: 4px;
	margin-top: 2px;
	}

/* info browsing themes */

#bcinfo #browsebar {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background: url('picts/cgrad.png');
	}

#bcinfo #detail_l {
	display: table-cell;
	width: none;
	}

#bcinfo #details {
	text-align: left;
	font-size: 11px
	}

#bcinfo div#detail_wrp {
	float: none;
	padding-left: 0px;
	}

#atinfo #browsebar {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	}
	
#atinfo #detail_b_list {
}
	
.media {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	}
	
a.stream {
	display: block;
	width: 126px;
	float: left;
	background: transparent url() bottom right no-repeat;
	color: #000 !important;
	border-left:8px solid #39c;
	text-decoration: none;
	font-weight: bold;
	margin-right: 8px;
	margin-bottom: 8px;
	padding: 4px;
	font-size: 10px;
	height: 50px;
	}
	
a.stream:first-line {
	font-family: Verdana, Tahoma, Sans-Serif;
	font-size: 10px;
	text-decoration: underline;
	}

a.stream:hover {
	background: #39c url(picts/radi.gif) bottom right no-repeat;
	border-left:8px solid #39c;
	color: #fff !important;
	}

/* added julian sonntag*/

#online #detail_wrp #nodezinfo {
	font-weight:bold;
	color:#69c;
}

#onair #detail_wrp,#online #detail_wrp,#onsite #detail_wrp {
	margin-left: 208px;
	}

#onsite #detail_wrp #nodezinfo {
	font-weight:bold;
	color:#9c0;
}

#detail_wrp dt {
	font-size:11px;
}
#detail_wrp a {
	font-size:12px;
}

#detail_wrp img {
	float:left;
	padding:0px 8px 8px 0px;
}

#detail_wrp dl {
	margin-top:2px;
	margin-left:4px;
}
#browsebarover {
	padding: 8px;
	margin-bottom: 8px;
	font-size: 12px;
	font-weight: bold;
	color:#fff;
	background-color:#09c;
}
#detail_wrp #icon {
	float:none;
	padding:0px;
}