/*======================================= 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.png);
background-position:top left;
background-repeat:repeat-x;
background-color:#273c73;
}

body{
background-image:url(images/html-bg2.png);
background-position:top center;
background-repeat:no-repeat;
}

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

#container a{
color:#273c73;
}

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

a.online:hover{
/*background-position:0 -41px;*/
}

/*======================================= 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:60px;
background-position:top left;
background-repeat:no-repeat;
}

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

ul.black-bar li ul.inner li {
color:#757575;
background-color:none;
background:transparent;
}

ul.fontfix li ul.inner li {
font-size:9px;
}

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

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

h3{
color:#fff;
background-color:#c15400;
background-image:url(/images/heading-floral.gif);
background-position:top right;
background-repeat:no-repeat;
}

h3 span{
width:auto;
padding-left:10px;
}

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

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

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

h3 span{
width:auto;
padding-left:10px;
margin-left:10px;
background-image:url(images/heading-bullet.gif);
background-position:left center;
background-repeat:no-repeat;
}

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

#nav-container div.prime-nav{
background-color:#cb1675;
}

#nav-container div.prime-nav ul li a:hover{
background-color:#ab0b5f;
}

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

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

#nav-container div.sub-nav{
background-color:#ab0b5f;
}

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{
color:#fff;
}

#nav-container div.sub-nav ul li a:hover{
background-color:#960652;
}

#nav-container div.sub-nav ul li a.active{
background-color:#960652;
}

div.login-container button{
background-image:url(images/search-button.gif);
background-position:top left;
background-repeat:no-repeat;
}

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

#foot-container div.footbar{
background-color:#cb1675;
}

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

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

ul.dj-list li div{
background-color:#354a8f;
background-image:url(images/dj-bg.gif);
background-position:top 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:#ffc18c;
}

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

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 span.show{
text-transform:uppercase;
letter-spacing:normal;
}

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

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

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

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

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

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

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 li div.pic{
background-position:top left;
background-repeat:no-repeat;
}

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

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

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

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

#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 #ea720a;
}

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

form.reg{
background-color:#fff5df;
background-image:url(images/reg-bg.gif);
background-position:top left;
background-repeat:no-repeat;
border:1px solid #ffa516;
}

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

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

ul.reg-form li div.button{
background:#170037;
}

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 #ea720a;
}