@charset "utf-8";
/* CSS Document 
body{
	margin:0;
	padding:0;
	background:url(../images/bg-main.jpg) no-repeat;
	background-attachment: fixed;
	font:12px Arial, Helvetica, sans-serif;
	color:#000;}
img{
	border:0;
	margin:0;
	padding:0;
	float:left;}
	

}	
hr {
	color:#FEF9D9;
	border-bottom:1px #9c886c dotted;
}	*/
div#jf-jukebox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div#jf-jukebox a.index {
	font-weight: bold;
	color: #666;
	text-shadow: 1px 1px #EEE;
	font-size: 13px;
	height: 30px;
	line-height: 30px;
	display: block;
	background: url(../images/categories.png) no-repeat 100% 13px;
	margin-right: 5px;
	padding-right: 12px;
	float: right;
}

div#jf-jukebox div.listheader  {
	background: url(../images/l.png) no-repeat 0 0;
	padding-left: 5px;
}

div#jf-jukebox div.listheader div.r {
	background: url(../images/r.png) no-repeat 100% 0;
	padding-right: 5px;
}

div#jf-jukebox div.listheader div.t {
	background: url(../images/t.png) repeat-x 0 0;
	height: 29px;
}

div#jf-jukebox div.listheader div.t div {
	font-weight: bold;
	font-size: 13px;
	line-height: 29px;
	color: #333;
	text-shadow: 1px 1px #BBB;
	padding-left: 6px;
}

div#jf-jukebox div.itemlist {
	border: 1px solid #D5D5D5;
	border-top: none;
}

div#jf-jukebox div.category {
	background: #FFF url(../images/category.png) repeat-x 0 100%;
	padding: 13px;
}

div#jf-jukebox div.categorydesc p,
div#jf-jukebox div.description p {
	margin: 0 0 15px;
}

div#jf-jukebox img {
	border: 1px solid #FFF;
	-moz-box-shadow: 0px 2px 3px #666;
	-webkit-box-shadow: 0px 2px 3px #666;
	box-shadow: 0px 2px 3px #666;
	float: left;
	margin-right: 15px;
}

div#jf-jukebox div.leftcol {
	width: 325px;
	float: left;
}

div#jf-jukebox div.details {
	float: left;
	height: 90px;
	width: 200px;
}

div#jf-jukebox div.details div {
	color: #666;
	height: 20px;
	line-height: 20px;
}

div#jf-jukebox div.details span {
	font-weight: bold;
}

div#jf-jukebox div.details div.categorytitle a {
	display: block;
	font-weight: bold;
	font-size: 15px;
	color: #333;
}

div#jf-jukebox div.details div.categorytitle a:hover {
	text-decoration: none;
	color: #AAA;
}

div#jf-jukebox div.listfooter {
	position: relative;
	background: url(../images/logo.png) no-repeat 50% 0;
}

div#jf-jukebox div.listfooter .inner {
	background: url(../images/smoothshadow.png) no-repeat 50% 0;
	height: 30px;
}

/* DEFAULT LIST
--------------------------------------------------------- */
div#jf-jukebox div.listheader div.t div.artist {
	float: left;
	width: 20px;
	padding-left: 0px;
}

div#jf-jukebox div.title {
	width:214px !important;
	float: left;
	background: url(../images/headsep.png) no-repeat 0 0;
}
.title {
	width:214px;
	height:30px !important;
}

div#jf-jukebox div.titles {
	width:120px !important;
	float: left;
	background: url(../images/headsep.png) no-repeat 0 0;
}
.titles {
	width:120px;
	height:30px !important;
}

div#jf-jukebox div.listen {
	float: left;
	background: url(../images/headsep.png) no-repeat 0 0;
	width: 210px;
}

div#jf-jukebox div.infos {
	height: 31px;
	background: url(../images/track.png) repeat-x 0 0;
	line-height: 31px;
	cursor: pointer;
}

div#jf-jukebox div.trackartist {
	float: left;
	width: 80px;
}

div#jf-jukebox div.trackartist span {
	display: block;
	float: left;
	width: 16px;
	height: 29px;
	background: url(../images/description.png) no-repeat;
	margin: 0 7px;
}

div#jf-jukebox div.trackartist span.icon {
	background-position: 0 7px;
}

div#jf-jukebox div.trackartist span.iconoff {
	background-position: 0 -27px;
}

div#jf-jukebox div.tracktitle {
	width: 215px !important;
	text-align: left;
}

div#jf-jukebox div.tracktitles {
	width: 215px !important;
	float: left;
	
}

div#jf-jukebox div.tracktitlew {
	width: 100px !important;
	text-align: center;
}

div#jf-jukebox div.tracklisten {
	width: 320px;
	float: left;
	padding-left: 6px;
}

div#jf-jukebox div.track div.innerbox {
	padding: 15px 240px 15px 15px;
	background: #EEE url(../images/music.png) no-repeat 100% 50%;
}

div#jf-jukebox div.track div.innerbox img,
div#jf-jukebox div.track div.innerbox div {
	margin-top: 10px;
	margin-bottom: 5px;
}

div#jf-jukebox div.description {
	font-size: 11px;
	color: #666;
}

div#jf-jukebox div.player {
	margin-top: 8px;
	margin-left: 5px;
	width: 195px;
}

div#jf-jukebox div.tracklisten span.file {
	display: none;
}

div#jf-jukebox div.player a {
	display: block;
	margin-right: 5px;
	float: left;
	width: 15px;
	height: 15px;
}

div.blog_more {
	width:553px;
	padding:10px 5px 10px 13px;
	font:bold 15px "Times New Roman", Times, serif;
	color:#fff;
	float:left;}

	
h8 {
	background:url(../images/bg_forums2.png) no-repeat;
	width:553px;
	padding:15px 5px 10px 13px;
	font:bold 16px "Times New Roman", Times, serif;
	color:#fff;
	text-transform:uppercase;
	float:left;}	
}	
	
#wwweee {
	border-bottom:1px #9c886c dotted;
	width:700px;
	margin-bottom:3px;
}
.wwweee {
	width:690px;
	float:left;
	margin-bottom:3px;
	font:12px Arial, Helvetica, sans-serif;
	color:#000000;
	border-bottom:1px #9c886c dotted;
}




html>body div #allpage{
	width:978px;
	margin:0 auto;
	padding:0;}
#allpage{
	width:978px;
	margin:0 auto;
	padding:0;}
#clean-roll{
	height:-1px;
	clear: both;
	margin-top:0;}
#menu{
	width:978px;
	height:53px;
	float:left;
	margin-top:0;
	padding:0;}
#menu ul{
	margin:0;
	padding:0;
	float:left;}
#menu li{
	display:inline;
	float:left;}
#menu li a{
	background: url(../images/menu.jpg) no-repeat;
	overflow:hidden;
	height:53px;
	float:left;}
#menu li#home a{
	background-position:0 0;
	width:152px;
	margin-left:0;}
#menu li#home a:hover,#menu li#home a:focus,#menu li#home a:active{
	background-position:0  -53px;}
#menu li#rock-in a{
	background-position:-152px 0;
	width:115px;}
#menu li#rock-in a:hover,#menu li#rock-in a:focus,#menu li#rock-in a:active{
	background-position:-152px -53px;}
#menu li#rock-out a{
	background-position:-267px 0;
	width:132px;}
#menu li#rock-out a:hover,#menu li#rock-out a:focus,#menu li#rock-out a:active{
	background-position:-267px -53px;}
#menu li#download a{
	background-position:-399px 0;
	width:117px;}
#menu li#download a:hover,#menu li#download a:focus,#menu li#download a:active {
		background-position:-399px -53px;}
#menu li#gallery a{
	background-position:-516px 0;
	width:113px;}
#menu li#gallery a:hover, #menu li#gallery a:focus,#menu li#gallery a:active{
	background-position:-516px -53px;}	
#menu li#linksite a{
	background-position:-629px 0;
	width:107px;}
#menu li#linksite a:hover,#menu li#linksite a:focus,#menu li#linksite a:active{
	background-position:-629px -53px;}
#menu li#contact a{
	background-position:-736px 0;
	width:100px;}
#menu li#contact a:hover,#menu li#contact a:focus,#menu li#contact a:active{
	background-position:-736px -53px;}
	
#menu li#contact1 a{
	background-position:-836px 0;
	width:142px;}
#menu li#contact1 a:hover,#menu li#contact1 a:focus,#menu li#contact1 a:active{
	background-position:-836px -53px;}
#aaabb{
	width:176px;
	height:68px;
	background:url(../images/media2.jpg);
	float:left;
	margin:0;}
#sdsd{
	width:466px;
	height:321px;
	background:url(../images/lienhe.gif);
	float:left;
	margin:0;}
.sdsd{
	width:466px;
	height:321px;
	background:url(../images/lienhe.gif);
	float:center;
	margin:0;}
#banner{
	width:978px;
	height:276px;
	background:url(../images/banner.jpg);
	float:left;
	margin:0;}
#content{
	width:978px;
	float:left;
	margin:0;
	background:url(../images/bg-body.jpg) repeat-y;}
#col-left{
	width:260px;
	margin:5px 0;
	float:left;}
#player{
	 background:url(../images/bg-media.jpg) no-repeat;
	 width:184px;
	 height:200px;
	 float:left;
	 margin-left:15px;
	 padding:20px 15px 30px 15px;
	 font:bold 12px "Times New Roman", Times, serif;
	 color:#fff;
	 line-height:100%;}
#player img{
	float:left;
	padding-right:5px;
	border:0;
	margin:0;}
#player a,#player a:hover{
	font:bold "Times New Roman", Times, serif;
	color:#d39500;
	text-decoration:none;}
#laternews{
	width:213px;
	margin:5px 0 0 15px;
	float:left;
	padding:0;
	font:12px Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:justify;}
#laternews img{
	padding:5px;
	margin-top:5px;
	border:1px #9c886c solid;
	float:left;}
	
.laternewsw{
	padding:5px;
	border:1px #9c886c solid;
	float:left;}

.title1{
	background:url(../images/bg-title.jpg) no-repeat;
	width:190px;
	padding:15px 5px 10px 13px;
	font:bold 16px "Times New Roman", Times, serif;
	color:#fff;
	text-transform:uppercase;
	float:left;}
		
.button-detail a{
	background:url(../images/bg-detailt.jpg) no-repeat;
	float:right;
	width:100px;
	padding-top:5px;
	height:20px;
	text-align:center;
	font:11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;}
.button-detail a:hover{
	background:url(../images/bg-detailt.jpg) no-repeat;
	float:right;
	width:100px;
	padding-top:5px;
	height:20px;
	text-align:center;
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #711723;}
#pic{
	width:213px;
	margin:5px 0 0 15px;
	float:left;
	padding:0;}
#pic img{
	float:left;
	padding:2px;
	border:1px #9c886c solid;}
#pic span p{
	float:left;}
#col-right{
	width:715px;
	float:left;
	margin:0;
	padding:0;}
#channel{
	background:url(../images/bg-channel.jpg) no-repeat;
	width:320px;
	float:left;
	padding:40px 25px 15px 25px;
	text-align:center;}
#adverti{
	width:309px;
	height:29px;
	padding-top:50px;
	text-align:center;
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#000000;
	float:left;
	background:url(../images/qc.gif) no-repeat;
	margin:10px;}
#banner-adverti{
	width:309px;
	margin:0 0 0 10px;
	float:left;}
.futnews{
	width:680px;
	float:left;
	margin:0;
	font:12px Arial, Helvetica, sans-serif;
	color:#000000;
	padding:5px 0 5px 10px;
	text-align:justify;
	line-height:150%;
	border-bottom:1px #9c886c dotted;}
.futnews2{
	width:680px;
	float:left;
	margin:0;
	font:12px Arial, Helvetica, sans-serif;
	color:#000000;
	padding:5px 0 5px 10px;
	text-align:justify;
	line-height:150%;}
.futnews img{
	padding:5px;
	float:left;
	margin-right:10px;
	border:1px #9c886c solid;}
.futnews2 img{
	padding:5px;
	float:left;
	margin-right:10px;
	border:1px #9c886c solid;}
.firtnews{
	width: 325px;
	margin:0 5px 0 ;
	float:left;
	font:12px Arial, Helvetica, sans-serif;
	color:#000000;
	padding:0;
	text-align:justify;
	line-height:150%;}	
#andnow{
	width:700px;
	float:left;
	margin-top:5px;}
#nav-event{
	float:left;
	margin-right:10px;
	padding:15px 5px 25px 40px;
	background:url(../images/event.jpg) no-repeat;
	width:300px;
	height:155px;
	font: bold 12px/170% "Times New Roman", Times, serif;
	color:#fff;}
#nav-event a{
	font: bold 12px/170% "Times New Roman", Times, serif;
	color:#fff;
	text-decoration:none;}
#nav-event a:hover{
	font: bold 12px/170% "Times New Roman", Times, serif;
	color:#fff;
	text-decoration:underline;}
#band{
	float:left;
	margin:0px;
	background:url(../images/bg-band.jpg) no-repeat;
	width:300px;
	height:147px;
	font: bold 12px/170% "Times New Roman", Times, serif;
	color:#fff;
	padding:25px 5px 25px 40px;}
#band a{
	font: bold 12px/170% "Times New Roman", Times, serif;
	color:#fff;
	text-decoration:none;}
#band a:hover{
	font: bold 12px/170% "Times New Roman", Times, serif;
	color:#fff;
	text-decoration:underline;}
#sroll-band{
	width:285px;
	float:left;
	height:143px;
	overflow: auto;}

#footer{
	background:url(../images/bg-footer.jpg) no-repeat;
	width:978px;
	height:103px;
	clear:both;}