/*======================================= 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.gif);*/
background-image:url(/images/background.jpg);
background-position:top center;
background-repeat:no-repeat;
}

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

#container a{
color:#318dff;
}

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;
text-transform:uppercase;
background-position:top left;
background-repeat:repeat-x;
}

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-image:url(/images/prime-nav-bg-tile.gif);
background-position:top left;
background-repeat:repeat-x;
border-top:1px solid #8a8a8a;
border-right:1px solid #4e4e4e;
border-bottom:1px solid #111;
border-left:1px solid #4e4e4e;
}

#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-image:url(/images/prime-nav-active-tile.gif);
background-position:top left;
background-repeat:repeat-x;
}

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

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

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:#455bbe;
background-image:url(/images/sub-menu-bg.gif);
background-position:top left;
background-repeat:repeat-x;
}

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-image:url(/images/foot-bar-bg-tile.gif);
background-position:top left;
background-repeat:repeat-x;
}

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

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

ul.dj-list li div{
background-color:#ea720a;
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:#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:#ea720a;
background-image:url(/images/dj-details-bg.gif);
background-position:bottom left;
background-repeat:no-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 #ea720a;
}

/*======================================= 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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*============================================================================ 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:#fff4db;
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;
}