/*======================================= layout help colours 

#wrap{
background:#eaeaea;
}

#banner-top{
background:#f00;
}

#head{
background:#00CC99;
}

div.login-container{
background-color:#00CCCC;
}

#nav-container{
background:#CC33CC;
}

#leftbar{
background:#CCFF00;
}

#content{
background:#0066CC;
}

#rightside{
background:#CCFF99;
}

/*======================================= layout help colours */


/*======================================= html */

html{
background-image:url(images/html-bg-tile.gif);
background-position:top left;
background-repeat:repeat;
}

body{
background-image:url(images/background.jpg);
/*background-image:url(images/html-bg.gif);*/
background-position:top center;
background-repeat:repeat-y;
}

/*======================================= container */

#container a{
color:#0a2ca5;
}

a.online{
background-image:url(images/online.gif);
background-position:top left;
background-repeat:no-repeat;
}

a.online:hover{
background-position:0 -54px;
}

/*======================================= rightside */

ul.black-bar li{
background-image:url(images/black-bar-bg.gif);
background-position:-300px 0;
background-repeat:repeat-y;
width:300px;
}

ul.black-bar li.top{
height:50px;
background-position:top left;
background-repeat:no-repeat;
}

ul.black-bar li.bottom{
height:40px;
background-position:-600px 0;
background-repeat:no-repeat;
}

ul.black-bar li ul.inner li {
color:#fff;
text-transform:none;
background:none;
}

ul.black-bar li ul.inner li span {
font-size:9px;
}

ul.black-bar li ul.inner li.onair {
color:#e01515;
background:#000;
}

/*======================================= titles */

h3{
color:#fff;
text-transform:uppercase;
background-position:top left;
background-repeat:repeat-y;
overflow:visible;
}

h3 span{
width:auto;
padding:0 10px;
letter-spacing:1px;
padding-bottom:11px;
background-position:bottom left;
background-repeat:no-repeat;
}

#container h3 span a{
color:#fff;
}

h3.red{
background-color:#511a1a;
}

h3.redw{
background-image:url(images/heading-redw.gif);
}

h3.reds{
background-image:url(images/heading-reds.gif);
}

h3.red span{
background-image:url(images/red-bullet-bg.gif);
}

h3.blue{
background-color:#04113f;
}

h3.bluew{
background-image:url(images/heading-bluew.gif);
}

h3.blues{
background-image:url(images/heading-blues.gif);
}

h3.blue span{
background-image:url(images/blue-bullet-bg.gif);
}

h3.green{
background-image:url(images/heading-green.gif);
}

/*======================================= head nav */

#nav-container div.prime-nav{
background-image:url(images/prime-nav-bg.gif);
background-position:top left;
background-repeat:repeat-y;
background-color:#000;
padding:1px 0;
}

#nav-container div.prime-nav ul li a:hover{
background-image:url(images/prime-nav-hover-tile.gif);
background-position:top left;
background-repeat:repeat-x;
}

#nav-container div.prime-nav ul li.active{
background-color:#ab0000;
}

#nav-container div.prime-nav ul li.active a:hover{
background-image:none;
}

#nav-container div.sub-nav{
background-color:#e0e0e0;
background-image:url(images/sub-nav-bg-tile.gif);
background-position:top right;
background-repeat:repeat-y;
}

div.sub-menu{
background-image:url(images/sub-nav-bg-tile.gif);
background-position:top left;
background-repeat:repeat-x;
}

#nav-container div.sub-nav ul li a:hover{
background-image:url(images/sub-menu-bg.gif);
background-position:0 -28px;
background-repeat:repeat-x;
}

#nav-container div.sub-nav ul li a.active{
color:#fff;
background-color:#a93636;
background-image:url(images/sub-menu-bg.gif);
background-position:top left;
background-repeat:repeat-x;
}

div.login-container button{
background:#ab0000;
}

/*======================================= foot */

#foot-container{
background-image:url(images/footbar-detail-bottom.gif);
background-position:top left;
background-repeat:no-repeat;
background-color:#fff;
}

#foot-container div.footbar{
background-image:url(images/footbar-detail.gif);
background-position:top left;
background-repeat:no-repeat;
background-color:#616161;
}

#foot-container div.footbar span{
color:#b2b2b2;
}

/*======================================= dj list */

ul.dj-list li div{
background-image:url(images/dj-bg.gif);
background-position:bottom left;
background-repeat:no-repeat;
}

ul.dj-list li div span.name, div.dj-details div span.name{
color:#fff;
}

ul.dj-list li div span.time, div.dj-details div span.time{
color:#fff;
}

ul.dj-list li span.show, div.dj-details span.show{
color:#;
}

div.sub-menu ul li a{
color:#455bbe;
}

#container div.sub-menu ul li a.active{
color:#fff;
background-color:#455bbe;
background-image:url(images/sub-menu-bg.gif);
background-position:top left;
background-repeat:repeat-x;
}

/*======================================= dj details */

div.dj-details {
background-color:#1c1c1c;
padding:10px;
background-image:url(images/dj-bg-tile.gif);
background-position:top left;
background-repeat:repeat-y;
}

div.dj-details span.show{
text-transform:uppercase;
letter-spacing:normal;
font-family:'Courier New', Courier, monospace;
font-weight:bold;
color:#fff;
}

div.dj-details p{
color:#888;
}

div.dj-details div{
background-color:#000;
background-image:url(images/dj-details-bg.gif);
background-position:bottom right;
background-repeat:no-repeat;
}

div.dj-details div div{
background-image:url(images/mail-bg-tile.gif);
background-position:top right;
background-repeat:repeat;
}

/*======================================= wl list */

ul.wl-list li div{
background-image:url(images/dj-bg.gif);
background-position:bottom left;
background-repeat:no-repeat;
}

ul.wl-list li div span.name, div.wl-details div span.name{
color:#fff;
}

ul.wl-list li div span.time, div.wl-details div span.time{
color:#fff;
}

ul.wl-list li span.show, div.wl-details span.show{
color:#;
}

div.sub-menu ul li a{
color:#455bbe;
}

#container div.sub-menu ul li a.active{
color:#fff;
background-color:#455bbe;
background-image:url(images/sub-menu-bg.gif);
background-position:top left;
background-repeat:repeat-x;
}

/*======================================= wl details */

div.wl-details {
background-color:#1c1c1c;
padding:10px;
background-image:url(images/dj-bg-tile.gif);
background-position:top left;
background-repeat:repeat-y;
}

div.wl-details span.show{
text-transform:uppercase;
letter-spacing:normal;
font-family:'Courier New', Courier, monospace;
font-weight:bold;
color:#fff;
}

div.wl-details p{
color:#888;
}

div.wl-details div{
background-color:#000;
background-image:url(images/dj-details-bg.gif);
background-position:bottom right;
background-repeat:no-repeat;
}

div.wl-details div div{
background-image:url(images/mail-bg-tile.gif);
background-position:top right;
background-repeat:repeat;
}

/*============================================================================ GALLERY */

ul.gallery li{
border:1px solid #bababa;
background-image:url(images/gallery-bg.gif);
background-position:top left;
background-repeat:repeat-x;
}

ul.gallery li img{
padding:1px;
border:6px solid #;
}

/*======================================= GALLERY step2 */

div.gallery-folder a{
border:6px solid #;
}

div.gallery-folder a:hover{
border:6px solid #8e0fa1;
}

/*============================================================================ TOP 20 */

ul.chart li{
background-position:top right;
background-repeat:no-repeat;
background-image:url(images/chart-bg.gif);
}

ul.chart-30 li div.pic{
background-position:top left;
background-repeat:no-repeat;
}

ul.chart-30 li.position-1 div.pic{
background-image:url(images/position-1.gif);
}

ul.chart-30 li.position-2 div.pic{
background-image:url(images/position-2.gif);
}

ul.chart-30 li.position-3 div.pic{
background-image:url(images/position-3.gif);
}

ul.chart-30 li.position-4 div.pic{
background-image:url(images/position-4.gif);
}

ul.chart-30 li.position-5 div.pic{
background-image:url(images/position-5.gif);
}

ul.chart-30 li.position-6 div.pic{
background-image:url(images/position-6.gif);
}

ul.chart-30 li.position-7 div.pic{
background-image:url(images/position-7.gif);
}

ul.chart-30 li.position-8 div.pic{
background-image:url(images/position-8.gif);
}

ul.chart-30 li.position-9 div.pic{
background-image:url(images/position-9.gif);
}

ul.chart-30 li.position-10 div.pic{
background-image:url(images/position-10.gif);
}

ul.chart-30 li.position-11 div.pic{
background-image:url(images/position-11.gif);
}

ul.chart-30 li.position-12 div.pic{
background-image:url(images/position-12.gif);
}

ul.chart-30 li.position-13 div.pic{
background-image:url(images/position-13.gif);
}

ul.chart-30 li.position-14 div.pic{
background-image:url(images/position-14.gif);
}

ul.chart-30 li.position-15 div.pic{
background-image:url(images/position-15.gif);
}

ul.chart-30 li.position-16 div.pic{
background-image:url(images/position-16.gif);
}

ul.chart-30 li.position-17 div.pic{
background-image:url(images/position-17.gif);
}

ul.chart-30 li.position-18 div.pic{
background-image:url(images/position-18.gif);
}

ul.chart-30 li.position-19 div.pic{
background-image:url(images/position-19.gif);
}

ul.chart-30 li.position-20 div.pic{
background-image:url(images/position-20.gif);
}

ul.chart-30 li.position-21 div.pic{
background-image:url(images/position-21.gif);
}

ul.chart-30 li.position-22 div.pic{
background-image:url(images/position-22.gif);
}

ul.chart-30 li.position-23 div.pic{
background-image:url(images/position-23.gif);
}

ul.chart-30 li.position-24 div.pic{
background-image:url(images/position-24.gif);
}

ul.chart-30 li.position-25 div.pic{
background-image:url(images/position-25.gif);
}

ul.chart-30 li.position-26 div.pic{
background-image:url(images/position-26.gif);
}

ul.chart-30 li.position-27 div.pic{
background-image:url(images/position-27.gif);
}

ul.chart-30 li.position-28 div.pic{
background-image:url(images/position-28.gif);
}

ul.chart-30 li.position-29 div.pic{
background-image:url(images/position-29.gif);
}

ul.chart-30 li.position-30 div.pic{
background-image:url(images/position-30.gif);
}

/*============================================================================ MOVIE */

ul.movie{
border-bottom:6px solid #;
}

ul.movie li p{
border-top:6px solid #8e0fa1;
}

ul.blog li.movie{
border-bottom:6px solid #;
}

#container ul.blog li.movie a.frame{
background-image: url(images/frame.gif);
background-position:top left;
background-repeat:no-repeat;
}

ul.news li.movie-news{
border-bottom:6px solid #;
}

/*============================================================================ REG */

form.reg{
background-image:url(images/reg-bg2.gif);
background-position:top left;
background-repeat:repeat-y;
}

input.text {
border:1px solid #b5b8c9;
}

textarea.terms{
color:#999;
background:#fff;
border:1px solid #d1d1d1;
}

ul.reg-form li div.button{
background-color:#2e0514;
}

ul.reg-form li div.button input{
background:none;
background-image:url(images/btn-tile.gif);
background-repeat:repeat-x;
color:#fff;
}

/*======================================= concert */

ul.concert{
border-top:6px solid #;
}