/* 1 Reset
-----------------------------------------------------------------------------------------------*/
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
h1,h2,h3,h4,h5,h6 { font-size:100%;font-weight:normal;}
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }
*{margin:0px; padding:0px; outline: 0;}
.clear{ clear:both;margin:0; padding:0;} 
.cf{clear:both;} 

/* 2 Global
-----------------------------------------------------------------------------------------------*/
html {}
body {color:#333333; font:normal 14px Georgia,"Times New Roman",Times,serif; text-align:left; margin:0; width:100%;}
body > #wrap {height: auto; min-height: 100%;}
ol#accessibility, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }
hr {display:none;}
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select {font: 12px Tahoma, Geneva, sans-serif; padding:4px 2px; color:#666666;border:#cccccc solid 1px;}
p{line-height:20px;margin-bottom:10px;}
a {color:#0F2A5C; text-decoration: none; outline: none }
a:hover {cursor: pointer; color:#333333; }
.left {float: left; display: inline; }
.right { float: right; display: inline;} 
h1{font-size:18px; margin:0px;}
h2{font-size:18px; margin:0px;}
h3{font-size:16px; margin:0px;}
h4{font-size:14px; margin:0px;}
h5{font-size:12px; margin:0px;}
hr{border:none; border-top: 1px solid #333333; margin:0px;}
.wrapper{width:995px; margin:0px auto; display:table;}
.wrap{}
.left{float:left;display:inline;}
.right{float:right;display:inline;}
.red{color:#C20000;}
::selection {background:#741472; color:#FFF;}
::-moz-selection {background: #741472; color:#FFF;}
#wrapper{width:100%; position:relative; background:url(../images/bg_body.jpg) repeat-x center -2px;}

/* 3 Header
-----------------------------------------------------------------------------------------------*/
#header{width:100%; margin:0px auto; background:url(../images/bg_header.jpg) repeat-x top center; height:110px; box-shadow:0 4px 6px rgba(0,0,0,0.1); -moz-box-shadow:0 4px 6px rgba(0,0,0,0.1); -webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1);}
#header .header-content .logo{padding-left:50px;}
#header .header-content .header-bottom{padding-right:100px;}
#header .header-content .header-top{width:995px; margin:0 auto;}
#header .logo{width:200px; float:left; margin:5px 0;}
#header .header-top{height:50px;}
#header .social-media{float:right;}
#header .social-media li{float:left; margin:6px 4px; width:32px; overflow:hidden; padding-top:3px;}
#header .social-media li:hover{opacity:0.8;}
#header .gsc-control-cse{width:200px; height:32px; float:right; margin:9px 0 9px 5px; border:none; background:none; padding:0;}
#header .gsc-control-cse .gsc-input .gsc-input{padding:6px; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}
#header .gsc-control-cse .gsc-search-button{width:42px; height:32px; /*background:url(../images/bt_search.jpg) #FFF no-repeat right top;*/ cursor:pointer; border:none; font-size:0; margin:0;}
#header .gsc-control-cse .gsc-clear-button{display:none;}
#header .gsc-modal-background-image-visible{background:#0b0b0b;}
#header .header-bottom{height:60px; text-transform:uppercase;}
#header .header-bottom ul .bar{background:url(http://vradiofm.com/images/menu_bar.jpg) no-repeat; padding:4px;}
#primary-nav{float:right; position:relative; z-index:10;}
#primary-nav ul{list-style:none;position:relative;float:left;margin:0;padding:0}
#primary-nav ul a{font:normal 16px Tahoma, Geneva, sans-serif; display:block;color:#741472;text-decoration:none; line-height:59px;padding:0 15px;}
#primary-nav ul li{position:relative;float:left;margin:0;padding:0}
#primary-nav ul li.current-menu-item{background:#ddd}
#primary-nav ul li:hover{background:#f6f6f6}
#primary-nav ul ul{display:none;position:absolute;top:100%;left:0;background:#fff;padding:0;z-index:100;}
#primary-nav ul ul li{float:none;width:160px}
#primary-nav ul ul a{line-height:120%;padding:10px 15px;font-size:14px;}
#primary-nav ul ul ul{top:0;left:100%}
#primary-nav ul li:hover > ul{display:block}

/* 4 Content Home
-----------------------------------------------------------------------------------------------*/
#content-container{width:996px; margin:0px auto; position:relative; display:table; margin-top:30px;}
#dark-screen{background:rgba(0, 0, 0, 0.5); display:none; height:100%; position:absolute; top:110px; left:0; width:100%; z-index:5;}
/*.white{background:#FFF !important;}*/
.content-home{width:670px; float:left; margin-right:25px;}

.hr{width:100%; background:url(../images/slash_hr.png) repeat-x; height:6px; margin:15px 0 25px 0; display:table;}
.hr-sidebar{width:100%; background:url(../images/slash_hr_sidebar.png) repeat-x; height:3px;}

.mod-infotainment{width:980px; height:207px; margin:0 auto;}
.mod-infotainment .carousel{margin:0 10px;}
.mod-infotainment .carousel .image{height:147px; overflow:hidden; background:url(../images/default_image.jpg) center bottom;}
.mod-infotainment .carousel .image:hover{opacity:0.7; filter:alpha(opacity=70); -webkit-transition:opacity 0.2s ease-in-out; -moz-transition:opacity 0.2s ease-in-out; -o-transition:opacity 0.2s ease-in-out; transition:opacity 0.2s ease-in-out;}
.mod-infotainment .title{margin-top:8px; color:#FFF; font-weight:bold; font-size:15px; }
.mod-infotainment .title:hover{/*color:#741472;*/color:#E7B538;}
.mod-infotainment .slick-prev{left:-12px; top:30%; z-index:1;}
.mod-infotainment .slick-next{right:-12px; top:30%; z-index:1;}
.mod-infotainment .moreinfo{text-align:center; background:url(../images/info_more.jpg) no-repeat; height:147px; text-transform:uppercase; margin-left:10px;}
.mod-infotainment .moreinfo a{display:block; padding:64px 15px; font-size:17px; color:#FFF;}
.mod-infotainment .moreinfo a:hover{color:#741472;}

.mod-banner{margin-bottom:25px;}

.mod-family{width:670px; display:table; margin-bottom:25px;}
.mod-family ul{display:table;}
.mod-family ul li{float:left; width:210px; margin:0 19px 20px 0; height:280px;}
.mod-family ul li:nth-child(3), .mod-family ul li:nth-child(6){margin-right:0;}
.mod-family .category{color:#FFF; text-transform:uppercase; font-weight:bold; font-size:20px; margin:10px 0; text-shadow:1px 1px #000; background:url(../images/bg_homecategory.jpg) no-repeat; padding:11px 0 15px 30px;}
.mod-family .image{height:135px; overflow:hidden; background:url(../images/default_image.jpg) center bottom;}
.mod-family .image:hover{opacity:0.7; filter:alpha(opacity=70); -webkit-transition:opacity 0.2s ease-in-out; -moz-transition:opacity 0.2s ease-in-out; -o-transition:opacity 0.2s ease-in-out; transition:opacity 0.2s ease-in-out;}
.mod-family .title{color:#741472; text-transform:uppercase; font-weight:bold; margin:10px 0;}
.mod-family .title:hover{color:#E7B538;}

.mod-hobby{width:670px; display:table; margin-bottom:25px; }
.mod-hobby ul{display:table; background:url(../images/bg_hobby.jpg) no-repeat;}
.mod-hobby ul li{float:left; width:210px; margin:0 15px 15px 0; min-height:280px; padding:0 5px 0 15px;}
.mod-hobby ul li:first-child{margin-right:0; width:640px; height:380px; padding:20px 15px 10px 15px; margin-bottom:82px;}
.mod-hobby ul li:first-child img{width:630px; }
.mod-hobby ul li:first-child .image{width:630px; height:270px; overflow:hidden;}
.mod-hobby ul li:last-child{margin-right:0;}
.mod-hobby .category{color:#000; text-transform:uppercase; font-weight:bold; font-size:20px; margin:10px 0; text-shadow:1px 1px #CCC; padding:10px 0 15px 0; text-align:center; border-top:1px solid #000;}
.mod-hobby .image{height:122px; overflow:hidden; background:url(../images/default_image.jpg) center bottom;}
.mod-hobby .image:hover{opacity:0.8; filter:alpha(opacity=80); -webkit-transition:opacity 0.2s ease-in-out; -moz-transition:opacity 0.2s ease-in-out; -o-transition:opacity 0.2s ease-in-out; transition:opacity 0.2s ease-in-out;}
.mod-hobby .title{color:#741472; text-transform:uppercase; font-weight:bold; margin:10px 0;}
.mod-hobby .title:hover{color:#E7B538;}

.mod-fashion{width:670px; display:table; margin-bottom:25px; }
.mod-fashion ul{display:table;}
.mod-fashion ul li{float:left; width:150px; margin:0 23px 23px 0; height:295px;}
.mod-fashion ul li:nth-child(4), .mod-fashion ul li:last-child{margin-right:0;}
.mod-fashion .category{color:#FFF; text-transform:uppercase; font-weight:bold; font-size:20px; margin:10px 0; text-shadow:1px 1px #000; background:url(../images/bg_homecategory.jpg) no-repeat; padding:11px 0 15px 20px;}
.mod-fashion .image{height:96px; overflow:hidden; background:url(../images/default_image.jpg) center bottom;}
.mod-fashion .image:hover{opacity:0.7; filter:alpha(opacity=70); -webkit-transition:opacity 0.2s ease-in-out; -moz-transition:opacity 0.2s ease-in-out; -o-transition:opacity 0.2s ease-in-out; transition:opacity 0.2s ease-in-out;}
.mod-fashion .title{color:#741472; text-transform:uppercase; font-weight:bold; margin:10px 0;}
.mod-fashion .title:hover{color:#E7B538;}

.mod-webw{width:670px; min-height:10px; overflow:hidden;}

.more{text-transform:uppercase; width:100%; text-align:right; margin-bottom:20px;}
.more a{color:#741472; background:url(../images/arrow_more.jpg) right no-repeat; padding:5px 30px;}
.more a:hover{text-decoration:underline; background:url(../images/arrow_morehover.jpg) right no-repeat;}

.back{display:table; text-transform:uppercase; margin-bottom:30px;}
.back a{color:#741472; float:right; background:url(../images/arrow_back.jpg) left no-repeat; padding:5px 30px;}
.back a:hover{text-decoration:underline; background:url(../images/arrow_backhover.jpg) left no-repeat;}

body.player{background:url(../images/bg_player.png) repeat-x; text-align:center;}
.player-container .content ul{margin:5px 28px;}
.player-container .content ul li{float:left; margin:0 5px;}
.player-container .content ul li:hover{opacity:0.8;}

/* 5 Content Page
-----------------------------------------------------------------------------------------------*/
.content-main{width:650px; float:left; line-height:1.5; margin:0 25px 30px 0; font-family:Georgia, "Times New Roman", Times, serif !important; font-size:16px; background: #fff; padding: 0 10px;}
.content-main .share{border-top:1px solid #e5e5e5; float:right; padding:10px 0;}
.content-main #disqus_thread{border-top:1px solid #e5e5e5;}
.content-main li{float:left;}
.content-main .category{font-size:30px; text-transform:uppercase; text-align:center; margin-bottom:30px; color:#741472; border-bottom:5px solid #E56001;}

.content-main .two-column{display:table;}
.content-main .two-column li{width:300px; margin:0 20px 20px 0; height:425px;}
.content-main .two-column li:nth-child(2n+2){margin-right:0;}
.content-main .two-column li .image{width:300px; height:320px; margin-bottom:20px; overflow:hidden; -webkit-box-shadow:5px 5px 0px 0px #E7B538; -moz-box-shadow:5px 5px 0px 0px #E7B538; box-shadow:5px 5px 0px 0px #E7B538; background:url(../images/default_image.jpg) center bottom;}
.content-main .two-column li .image:hover{opacity:0.7; filter:alpha(opacity=70); -webkit-transition:opacity 0.2s ease-in-out; -moz-transition:opacity 0.2s ease-in-out; -o-transition:opacity 0.2s ease-in-out; transition:opacity 0.2s ease-in-out;}
.content-main .two-column li .title{color:#741472; text-transform:uppercase;}
.content-main .two-column li .desc{color:#333333;}

.content-main.crew .two-column li{height:340px;}
.content-main.crew .two-column li .image{height:240px; background:url(../images/default_image.jpg) center bottom;}

.content-main .three-column{display:table;}
.content-main .three-column li{width:213px; margin:0 15px 15px 0; height:270px;}
.content-main .three-column li:nth-child(3n+3){margin-right:0;}
.content-main .three-column li .image{width:210px; height:135px; margin-bottom:20px; overflow:hidden; -webkit-box-shadow:3px 3px 0px 0px #E7B538; -moz-box-shadow:3px 3px 0px 0px #E7B538; box-shadow:3px 3px 0px 0px #E7B538; background:url(../images/default_image.jpg) center bottom;}
.content-main .three-column li .image:hover{opacity:0.7; filter:alpha(opacity=70); -webkit-transition:opacity 0.2s ease-in-out; -moz-transition:opacity 0.2s ease-in-out; -o-transition:opacity 0.2s ease-in-out; transition:opacity 0.2s ease-in-out;}
.content-main .three-column li .title{color:#741472; text-transform:uppercase;}
.content-main .three-column li .title:hover{color:#E301A3;}
.content-main .three-column li .desc{color:#333333;}

.content-main.news .category{background:url(../images/bg_category.png) no-repeat; color:#FFF; padding:50px 0 65px 0; border:none; font-style:italic; text-shadow:1px 1px #000;}
.content-main.news .category.small{background:url(../images/bg_smallcategory.jpg) no-repeat; padding:22px 0 33px 0;}
.content-main.news .three-column{line-height:1.2;}
.content-main.news .three-column li{height:290px;}
.content-main.news .three-column li .image{margin-bottom:10px; -webkit-box-shadow:5px 5px 0px 0px #00D9B7; -moz-box-shadow:5px 5px 0px 0px #00D9B7; box-shadow:5px 5px 0px 0px #00D9B7; background:url(../images/default_image.jpg) center bottom;}
.content-main.news .three-column li .title{font-size:14px; margin-bottom:10px; color:#E301A3;}
.content-main.news .three-column li .title:hover{color:#741472;}
.content-main.news .three-column li .desc{font-size:13px;}
.content-main.news .more{margin:10px 0 30px 0;}

.content-photo{display:table; width:100%; margin-bottom:30px; line-height:1.5;}
.content-photo .title{font-size:22px; text-transform:uppercase; text-align:center; margin-bottom:20px; color:#741472; border-bottom:2px solid #00D9B7;}
.content-photo .desc{color:#333333; margin-bottom:20px; font-size:15px;}
.content-photo .list{display:table;}
.content-photo .list li{width:191px; margin:0 10px 10px 0; min-height:160px; float:left;}
.content-photo .list li:nth-child(5n+5){margin-right:0;}
.content-photo .list li .image{width:190px; margin-bottom:10px; overflow:hidden; -webkit-box-shadow:1px 1px 0px 0px #E301A3; -moz-box-shadow:1px 1px 0px 0px #E301A3; box-shadow:1px 1px 0px 0px #E301A3; background:url(../images/default_image.jpg) center bottom;}
.content-photo .list li .image:hover{opacity:0.7; filter:alpha(opacity=70); -webkit-transition:opacity 0.2s ease-in-out; -moz-transition:opacity 0.2s ease-in-out; -o-transition:opacity 0.2s ease-in-out; transition:opacity 0.2s ease-in-out;}
.content-photo .video .jwplayer, .content-main.detail .video .jwplayer{margin:0 auto;}
.content-photo .share{border-top:1px solid #e5e5e5; float:right; padding:10px 0;}

.content-photo.client{display:table; width:670px; float:left; margin:0 25px 30px 0; line-height:1.5;}
.content-photo.client .list li{margin-right:30px;}
.content-photo.client .list li:nth-child(3n+3){margin-right:0;}

.content-main.detail .category{font-size:30px; text-transform:uppercase; text-align:center; margin-bottom:30px; color:#741472; border-bottom:5px solid #E56001;}
.content-main.detail .title{font-size:30px; text-transform:uppercase; text-align:center; margin-bottom:30px; color:#741472; border-bottom:5px solid #00D9B7;}
.content-main.detail .image{-webkit-box-shadow:10px 10px 0px 0px #E301A3; -moz-box-shadow:10px 10px 0px 0px #E301A3; box-shadow:10px 10px 0px 0px #E301A3; margin:30px auto; display:table; background:url(../images/default_image.jpg) center bottom;}
.content-main.detail .desc{margin-bottom:20px;}
.content-main.detail .maps{float:left; margin-right:20px;}
.content-main.detail .address{float:left; height:350px;}
.content-main.detail .form{display:table; width:630px; padding:20px; background:#FBE6FA;}
.content-main.detail .form ul li{margin-bottom:10px; width:100%;}
.content-main.detail .form .col-form .input{width:275px; padding:10px;}
.content-main.detail .form .col-form .input-area{width:350px; height:70px; padding:10px;}
.content-main.detail .form .col-form .input-area2{width:350px; height:90px; padding:10px;}
.content-main.detail .form .col-form .error{color:#FF0000; font-size:small; display:block; clear:both;}
.content-main.detail .form .bt-submit-contact{width:104px; height:33px; border:none; cursor:pointer; background:#741472; color:#FFF;}
.content-main.detail .form .bt-submit-contact:hover{opacity:0.8;}
.content-main.detail .form .loading{padding:10px 10px 20px; font-size:small; display:none}
.content-main.detail .form #result{margin:10px 10px 20px; font-size:small; display:none}
.content-main.detail .form .result_error{color:#FF0000;}
.content-main.detail .form .result_success{color:#090;}

.content-main.podcast li.box{margin-bottom:20px; width:650px;; padding:10px;}
.content-main.podcast li.color2{background:#FBE6FA;}
.content-main.podcast .image{float:left; margin-right:20px; height:100px; overflow:hidden; -webkit-box-shadow:2px 2px 0px 0px #E7B538; -moz-box-shadow:2px 2px 0px 0px #E7B538; box-shadow:2px 2px 0px 0px #E7B538;}
.content-main.podcast .content{float:left;}
.content-main.podcast .title{color:#741472; text-transform:uppercase;}
.content-main.podcast .desc{font-size:14px; margin-bottom:10px;}

.content-main.schedule ul{background:#FBE6FA; height:40px; overflow:hidden; width:670px;}
.content-main.schedule ul li{float:left;}
.content-main.schedule ul li a{padding:11px 20px; font-size:16px; display:block; color:#666666; text-transform:uppercase;}
.content-main.schedule ul li a:hover{background:#E301A3; text-decoration:none; color:#F1F1F1;}
.content-main.schedule ul li.current a{background:#741472; padding:11px 20px; font-size:16px; display:block; color:#FFFFFF;}
.content-main.schedule .tab-container{border:1px solid #CCC; padding:10px 20px;}
.content-main.schedule .tab-container .tab1 { display: none; }
.content-main.schedule .tab-container .current{	display: block;}
.content-main.schedule .list-tab{ display:block;}
.content-main.schedule .tabel th{padding:5px 5px;}
.content-main.schedule .tabel td{font-size:14px; color:#666; padding:2px 5px; vertical-align:middle;}
.content-main.schedule .tabel tr{border-top:1px dotted #CCC;}
.content-main.schedule .tabel tr.top{border:none; text-transform:uppercase;}
.content-main.schedule .tabel tr:hover{background:#FBE6FA;cursor:pointer;}

.paging{margin:40px 0 20px 0;}
.paging.no-margin{margin:0px 0px;}
.paging.plus-margin{margin-top:30px;}
.paging ul{float:right;}
.paging li{float:left; margin:5px 0;}
.paging li a{font-size:14px; color:#FFF; margin:0px 1px; padding:8px 10px; background:#741472;}
.paging li a:hover{background:#E56001;}
.paging li a.active{background:#E7B538;}

/* 6 Sidebar
-----------------------------------------------------------------------------------------------*/
#content-container .sidebar{width:300px; float:left;}
.sidebar .mod-streaming{width:300px; /*height:55px;*/ margin-bottom:25px;}
.sidebar .mod-streaming .title{margin:3px 0; text-transform:uppercase; display:table; float:left;}
.sidebar .mod-streaming .equalizer{display:table; float:right; margin-top:2px;}
.sidebar .mod-streaming audio{background:#271427;}

.sidebar .mod-web{width:300px; min-height:90px; overflow:hidden;}
.web{margin-bottom:25px;}

.sidebar .mod-ig{margin-bottom:20px;}
.sidebar .mod-ig .category{text-transform:uppercase; font-size:20px; font-style:italic; border-bottom:2px solid #E56001; text-shadow:1px 1px #741472; color:#E301A3;}

.sidebar .mod-book{width:300px; display:table; margin-bottom:25px;}
.sidebar .mod-book ul{display:table;}
.sidebar .mod-book li{float:left; width:147px; margin:0 6px 6px 0;}
.sidebar .mod-book li:nth-child(2), .sidebar .mod-book li:last-child{margin-right:0;}
.sidebar .mod-book .category{text-transform:uppercase; font-size:20px; font-style:italic; border-bottom:2px solid #E56001; text-shadow:1px 1px #741472; color:#E301A3;}
.sidebar .mod-book .image{height:218px; overflow:hidden; background:url(../images/default_image.jpg) center bottom;}
.sidebar .mod-book .title{color:#741472; text-transform:uppercase; font-weight:bold; margin:10px 0; font-size:12px;}

.sidebar .mod-polling{background:#741472; color:#FFF; margin-bottom:25px;}
.sidebar .mod-polling .question-vote{text-transform:uppercase; font-size:20px; font-weight:bold; font-style:italic; padding:20px; background:#E301A3; color:#fff60a;}
.sidebar .mod-polling .answer-vote{line-height:1.5; padding:20px;}
.sidebar .mod-polling .submit-vote{padding:0 20px 20px 20px;}
.sidebar .mod-polling .submit-vote input{background:#E56001; border:none; padding:15px; color:#fff60a; text-transform:uppercase; text-decoration:underline; font:bold 16px Georgia, "Times New Roman", Times, serif; cursor:pointer;}
.sidebar .mod-polling .submit-vote input:hover{opacity:0.8;}
.sidebar .mod-polling .lightbox-polling{float:right; font-style:italic; color:#E301A3;}
.sidebar .mod-polling .lightbox-polling:hover{color:#E56001;}
.sidebar .mod-polling a{color:#FFF;}

body.polling-result{background:#FFF;}
#polling-content{margin:0 auto; width:600px; padding:50px;}
#polling-content h1{font-size:20px; margin-bottom:10px;}
#polling-content li{padding:10px 2px; border-bottom:1px dotted #741472; font-size:15px;}
#polling-content li span{float:right;}
.canvasjs-chart-credit{display:none;}

.sidebar .mod-twitter{background:#E8E8E8; margin-bottom:25px; width:295px; border-left:5px solid #E56001;}
#okz-widget{width:300px; background:#C1F4F4; margin-bottom:25px;}

.sidebar .mod-client{padding:13px 0; border:5px solid #E7B538; margin-bottom:25px;}
.sidebar .mod-client .slick-slide{margin:0 18px;}
.sidebar .mod-client .slick-prev{left:-5px; top:40%; z-index:10;}
.sidebar .mod-client .slick-next{right:-5px; top:40%; z-index:10;}

.sidebar .program{width:300px; display:table; margin-bottom:25px;}
.sidebar .program .category{text-transform:uppercase; font-size:20px; font-style:italic; border-bottom:2px solid #E56001; text-shadow:1px 1px #741472; color:#E301A3;}
.sidebar .program .list{float:left; width:147px; margin:0 6px 6px 0; height:215px; overflow:hidden;}
.sidebar .program li:nth-child(2), .sidebar .program li:last-child{margin-right:0;}
.sidebar .program .image{height:147px; overflow:hidden; margin-bottom:5px; background:url(../images/default_image.jpg) center bottom;}
.sidebar .program .image:hover{opacity:0.7; filter:alpha(opacity=70); -webkit-transition:opacity 0.2s ease-in-out; -moz-transition:opacity 0.2s ease-in-out; -o-transition:opacity 0.2s ease-in-out; transition:opacity 0.2s ease-in-out;}
.sidebar .program .desc{margin:5px 0;}

.sidebar .sales{width:300px; display:table; margin-bottom:25px;}
.sidebar .sales .category{text-transform:uppercase; font-size:20px; font-style:italic; border-bottom:2px solid #E56001; text-shadow:1px 1px #741472; color:#E301A3;}
.sidebar .sales li{float:left; padding:10px;}
.sidebar .sales li:nth-child(2n+2){background:#FBE6FA;}
.sidebar .sales li .image{height:50px; float:left; margin-right:10px; overflow:hidden; background:url(../images/default_image.jpg) center bottom;}
.sidebar .sales li .title, .sidebar .sales li .email, .sidebar .sales li .phone{float:left; display:table; width:170px; font-size:14px;}
.sidebar .sales li .title{text-transform:uppercase;}

.sidebar .popular{margin-bottom:25px; display:table; background:#FFF;}
.sidebar .popular .category{text-align:center; background:#000; color:#FFF; padding:5px; text-transform:uppercase; font-size:20px;}
.sidebar .popular .category span{border:1px solid #FFF; display:block; padding:15px 0;}
.sidebar .popular ul li{float:left; padding:10px;}
.sidebar .popular ul li:nth-child(2n+2){background:#F1F1F1;}
.sidebar .popular ul li .no{float:left; font-size:35px; margin-right:10px; width:40px;}
.sidebar .popular ul li .image{width:50px; float:left; margin-right:10px; overflow:hidden; background:url(../images/default_image.jpg) center bottom;}
.sidebar .popular ul li .title{float:left; display:table; width:170px; font-size:15px;}
.sidebar .popular ul li .title:hover{color:#E301A3;}

.sidebar .mod-friendsession, .sidebar .mod-event{width:300px; margin-bottom:25px; position:relative;}
.mod-category{text-transform:uppercase; font-size:20px; font-style:italic; border-bottom:2px solid #E56001; text-shadow:1px 1px #741472; color:#E301A3;}
.sidebar .mod-friendsession .title, .sidebar .mod-event .title{width:280px; position:absolute; bottom:15px; padding:10px; color:#FFF; background:url(../images/bg_trans.png); font-weight:bold;}

/* 7 RSS
-----------------------------------------------------------------------------------------------*/
body#rss {padding:10px; width:90%;}
body#rss .left{float:left; margin-right:20px;}
body#rss .left li{padding:5px 20px; border-bottom:1px dotted #DDD;}
body#rss .left li:hover{background:#DDD;}
body#rss .left li a{color:#333;}

/* 8 Footer
-----------------------------------------------------------------------------------------------*/
.footer{/*background:url(../images/bg_footer_ramadhan.jpg) #7B0A7C repeat-x center top;*/ background:#7B0A7C; color:#E7B538;}
.footer .footer-content{width:995px; margin:0 auto; display:table; padding:20px 0 10px 0;}
.footer .bottom-nav{float:left; margin-top:15px;}
.footer .footer-content .column{float:left; width:350px; line-height:1.5;}
.footer .footer-content .column h2{margin-bottom:15px; text-transform:uppercase;}
.footer .footer-content a{color:#ECECEC;}
.footer .footer-content a:hover{color:#E301A3;}
.footer .footer-content .member{margin-top: 70px;}
.footer .company{float:right; width:220px;}
.footer .company li{margin-bottom:10px;}
.footer .company li:nth-child(2), .footer .company li:nth-child(3), .footer .company li:nth-child(4), .footer .company li:nth-child(5){float:left;}
.footer .company li:nth-child(2), .footer .company li:nth-child(4){margin-right:20px;}
.footer .mnc-media{background:#ECECEC;}
.footer .mnc-media .content{width:995px; margin:0 auto;}