html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
h7,
p,
div,
ul,
li,
form,
blockquote,
fieldset,
ol { display:block; margin:0; padding:0; font:normal 12px Arial, Helvetica, sans-serif; list-style:none; outline:none; color:#000; border:none; }
a { text-decoration:none; outline:none; color:#000; text-decoration:none; }
a:link { outline:none; }
a:visited { outline:none; }
a:active { outline:none; }
a:hover { color:#000; }
.clear { clear:both !important; height:0px !important; margin:0px !important; padding:0px !important; line-height:0px !important; border:none !important; }
.bold { font-weight:bold; }
.showoff { display:none !important; }
.noborder { border:none; }
.underline { text-decoration:underline; }
.left { float:left; }
.right { float:right; }
.block { display:block; }
.overflow { overflow:hidden; }
.ui-tabs .ui-tabs-hide { display: none !important; }
a.nt { display:block; text-indent:-9999px; overflow:hidden; }
a img { border:none !important; outline:none !important; }
div { cursor:default; }
input[type="text"],
textarea { margin:0 !important; outline:none !important; font-family:Arial, Helvetica, sans-serif !important; font-size:12px !important; }
button { display:none; }
body { background:#000; }
/*live */
div#live { background:url(images/bg-live.png) repeat-x 0 top; }
div#live div#content { position:relative; width:872px; height:63px; margin:0 auto; }
/** listen **/
div#live div#content div.listen { position:absolute; background:url(images/title-listenlive.png) no-repeat left top; right:0; top:1px; }
div#live div#content div.listen a { display:block; min-width:55px; height:43px; padding:13px 0 0 174px; font-style:italic; color:#FFFFFF; }
div#live div#content div.listen a span { display:block; font-weight:bold; font-style:normal; font-size:14px; color:#FFFFFF; }
/* wrapper */
div#wrapper { background:#FFF; }
div#wrapper div.bubbles { background:url(images/bg-bubbles.png) no-repeat center top; }
div#wrapper div#content { position:relative; width:960px; margin:0 auto; padding:20px 0 0 0; }
div#wrapper div#content h1 { background:url(images/logo-joyturk.png) no-repeat left top; width:708px; height:350px; margin:0 auto 60px auto; text-indent:-9999px; overflow:hidden; }
/** stations **/
div#wrapper div#content div.stations { position:absolute !important; right:235px; top:300px; }
div#wrapper div#content div.stations div.stationcarousel ul li { width:90px; height:50px; text-align:center; font-size:36px; letter-spacing:-1px; line-height:36px; font-weight:bold; color:#ED1C24; }
div#wrapper div#content div.stations div.stationcarousel ul li span { display:block; font-size:12px; line-height:14px; letter-spacing:0; font-weight:normal; color:#ED1C24; }
/** texts **/
div#wrapper div#content div.texts { overflow:hidden; width:872px; margin:0 auto 475px auto; }
div#wrapper div#content div.texts div.section { float:left; }
/*** message ***/
div#wrapper div#content div.texts div.section.message { width:572px; }
div#wrapper div#content div.texts div.section.message h2 { margin:0 0 10px 0; font-weight:bold; font-size:36px; color:#464646; }
div#wrapper div#content div.texts div.section.message p { font-size:14px; color:#464646; }
div#wrapper div#content div.texts div.section.message p strong { font-size:16px; }
/*** signup ***/
div#wrapper div#content div.texts div.section.signup { display:none; width:300px; padding:5px 0 0 0; }
div#wrapper div#content div.texts div.section.signup h3 { margin:0 0 5px 0; font-size:20px; font-weight:bold; color:#464646; }
div#wrapper div#content div.texts div.section.signup p { margin:0 0 10px 0; color:#464646; font-size:12px; }
div#wrapper div#content div.texts div.section.signup p strong { color:#464646; font-size:14px; }
div#wrapper div#content div.texts div.section.signup fieldset { background:url(images/bg-signup.png) no-repeat left top; width:300px; height:49px; }
div#wrapper div#content div.texts div.section.signup fieldset input { display:block; float:left; }
div#wrapper div#content div.texts div.section.signup fieldset input[type="text"] { background:none; width:195px; padding:17px; font-size:16px !important; color:#666; border:none; }
div#wrapper div#content div.texts div.section.signup fieldset input[type="submit"] { background:none; width:70px; padding:12px; font-size:18px !important; color:#fff; cursor:pointer; border:none; }
/* buttons */
div#wrapper div#content ul.buttons { overflow:hidden; width:872px; height:124px; margin:0 auto; }
div#wrapper div#content ul.buttons li { float:left; }
div#wrapper div#content ul.buttons li + li { margin:0 0 0 12px; }
div#wrapper div#content ul.buttons li a { width:209px; height:58px; }
div#wrapper div#content ul.buttons li.facebook { background:url(images/button-facebook.png) no-repeat left top; }
div#wrapper div#content ul.buttons li.twitter { background:url(images/button-twitter.png) no-repeat left top; }
div#wrapper div#content ul.buttons li.muzikjurisi { background:url(images/button-muzikjurisi.png) no-repeat left top; }
div#wrapper div#content ul.buttons li.hotchart { background:url(images/button-hotchart.png) no-repeat left top; }
/* alwayson */
div#alwayson { background:url(images/bg-alwayson.png) repeat-x left top; }
div#alwayson div#content { overflow:hidden; width:872px; margin:0 auto; }
div#alwayson div#content h2 { float:left; padding-top:25px; font-size:20px; font-weight:bold; color:#666666; }
div#alwayson div#content ul { float:left; height:60px; margin:12px 0 0 37px; }
div#alwayson div#content ul li { float:left; background-repeat:no-repeat; background-position:left top; }
div#alwayson div#content ul li + li { margin:0 0 0 30px; }
div#alwayson div#content ul li a { display:block; height:28px; padding-top:17px; font-size:14px; font-weight:bold; color:#FFFFFF; }
div#alwayson div#content ul li a span { display:block; font-weight:normal; color:#999999; font-size:11px; }
div#alwayson div#content ul li.mobile { background-image:url(images/icon-mobile.png); }
div#alwayson div#content ul li.mobile a { padding-left:32px; cursor:default; }
div#alwayson div#content ul li.tv { background-image:url(images/icon-tv.png); }
div#alwayson div#content ul li.tv a { padding-left:50px; cursor:default; }
div#alwayson div#content ul li.desktop { background-image:url(images/icon-desktop.png); }
div#alwayson div#content ul li.desktop a { padding-left:54px; }
div#alwayson div#content ul li.satalite { background-image:url(images/icon-satalite.png); }
div#alwayson div#content ul li.satalite a { padding-left:45px; cursor:default; }
div#alwayson div#content ul li.radio { background-image:url(images/icon-radio.png); }
div#alwayson div#content ul li.radio a { padding-left:49px; }
/* footer */
div#footer { background:url(images/bg-footer.png) repeat left top; }
div#footer div#content { overflow:hidden; width:872px; margin:0 auto; padding:20px 0; }
div#footer div#content div.section { float:left; }
div#footer div#content div.section h3 { margin:0 0 5px 0; padding:0 0 3px 0; font-size:16px; font-weight:bold; color:#FFFFFF; clear:both; border:solid 1px #333; border-width:0 0 2px 0; }
/** listen **/
div#footer div#content div.section.listen { width:150px; }
div#footer div#content div.section.listen ul li { padding:3px 0; }
div#footer div#content div.section.listen ul li a { color:#999; font-size:14px; }
/** guide **/
div#footer div#content div.section.guide { width:385px; margin:0 60px 0 75px; }
div#footer div#content div.section.guide ul.program { overflow:hidden; float:left; width:50%; margin:5px 0 0 0; }
div#footer div#content div.section.guide ul.program li { padding:0 0 12px 28px; color:#9B9D9D; }
div#footer div#content div.section.guide ul.program li div { font-weight:bold; color:#9B9D9D; }
div#footer div#content div.section.guide ul.program li.mic { background:url(images/icon-mic.png) no-repeat left top; }
div#footer div#content div.section.guide ul.program li.sound { background:url(images/icon-sound.png) no-repeat left top; }
/** contact **/
div#footer div#content div.section.contact { width:200px; }
/*** contact ***/
div#footer div#content div.section.contact ul.contact { margin:10px 0; }
div#footer div#content div.section.contact ul.contact li { overflow:hidden; margin:5px 0 0 0; }
div#footer div#content div.section.contact ul.contact li span { display:block; float:left; color:#FFFFFF; }
div#footer div#content div.section.contact ul.contact li span.label { width:30%; }
div#footer div#content div.section.contact ul.contact li span.value { width:70%; color:#767979; }
/*** contact ***/
div#footer div#content div.section.contact ul.social { overflow:hidden; }
div#footer div#content div.section.contact ul.social li.icon { float:left; }
div#footer div#content div.section.contact ul.social li.icon a { width:36px; height:36px; }
div#footer div#content div.section.contact ul.social li.icon.facebook { background:url(images/icon-facebook.png) no-repeat left top; }
div#footer div#content div.section.contact ul.social li.icon.twitter { background:url(images/icon-twitter.png) no-repeat left top; margin:0 0 0 10px; }
/* bottom */
div#bottom { background:url(images/bg-bottom.png) repeat-x left top; }
div#bottom div#content { position:relative; width:872px; height:40px; margin:0 auto; padding:20px 0 0 0; }
div#bottom div#content div.logo.spectrum { background:url(images/logo-spectrum.png) no-repeat left top; }
div#bottom div#content div.logo.spectrum a { width:166px; height:27px; }
div#bottom div#content p.copyright { position:absolute; right:0; top:23px; font-size:12px; color:#999999; }
/* hotchart */
div#hotchart { overflow:hidden; }
div#hotchart h2 { padding:15px 15px 0 15px; text-align:center; color:#000000; font-size:18px; font-weight:bold; }
div#hotchart ul { float:left; width:360px; padding:15px; }
div#hotchart ul + ul { margin:0 0 0 10px; padding:15px 15px 15px 0; }
div#hotchart ul li { overflow:hidden; padding:5px 0; border:dotted 1px #000000; border-width:1px 0; }
div#hotchart ul li + li { border-width:0 0 1px 0; }
div#hotchart ul li span { display:block; color:#000000; }
div#hotchart ul li span.icon { float:left; background-repeat:no-repeat; background-position:center center; width:15px; height:16px; margin-right:3px; text-align:center; }
div#hotchart ul li span.icon a { display:block; width:15px; height:16px; }
div#hotchart ul li span.icon.action.no { background-image:url(images/icon-hotchart-nochange.png); }
div#hotchart ul li span.icon.action.up { background-image:url(images/icon-hotchart-up.png); }
div#hotchart ul li span.icon.action.down { background-image:url(images/icon-hotchart-down.png); }
div#hotchart ul li span.icon.position { background-image:url(images/icon-hotchart-number.png); height:13px; padding-top:3px; color:#FFFFFF; font-size:9px; }
div#hotchart ul li span.icon.listen { display:none; background-image:url(images/icon-hotchart-play.png); }
div#hotchart ul li span.info { float:left; width:200px; padding-left:5px; }
div#hotchart ul li span.info span.singer { font-weight:bold; }
/* stationslist */
div#stationslist h2 { padding:15px; text-align:center; color:#000000; font-size:18px; font-weight:bold; }
div#stationslist ul { overflow:hidden; }
div#stationslist ul li { float:left; background:#ebebeb; width:110px; height:50px; margin:0 0 9px 9px; padding:5px 0; text-align:center; font-size:36px; letter-spacing:-1px; line-height:36px; font-weight:bold; color:#000; }
div#stationslist ul li span { display:block; font-size:12px; line-height:14px; letter-spacing:0; font-weight:normal; }