body {
    margin: 0px;
    padding: 0px;
}

a {
    color: #626378;
}

a:hover {
    color: #000000;
}

hr {
    color: #B5B9BC;
    background-color: #B5B9BC;
    height: 1px;
    width: 95%;
}

TD.no-padding, section.no-padding {
    padding: 0;
}

TD.no-padding > p,
TD.no-padding > div,
section.no-padding > div,
section.no-padding > p {
    padding: 0 10px;
}

section.no-padding > center > iframe,
section.no-padding > p > iframe {
    max-width: 100%;
}

TD.adr SPAN.clickpetitlu, div.adr SPAN.clickpetitlu {
    color: #FFCC00;
    display: block;
    float: right;
}

TD.adr A.detali, div.adr A.detali {
    color: #AAA;
    font-weight: normal;
    display: block;
    text-align: center;
    align-self: center;
}

TD.adr, div.adr {
    font-size: 12px;
    font-family: arial;
    text-decoration: none;
    color: #FFCC00;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
}

TD.adr2, div.adr2, section.adr2 {
    font-size: 11px;
    font-family: arial;
    text-decoration: none;
    color: #B5B9BC;
    font-weight: bold;
    padding-left: 10px;
}

TD.num {
    font-size: 10px;
    font-family: arial;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
}

TD.tit5, div.tit5 {
    LINE-HEIGHT: 100%;
}

TD.tit6, div.tit6 {
    LINE-HEIGHT: 140%;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}

TD.wea {
    color: #FFFFFF;
    font-size: 9px;
    font-family: verdana;
}

TD.rowy, div.rowy {
    font-size: 10px;
    background-color: #FFE065;
    text-align: center;
    padding: 5px;
}

.title5 {
    font-size: 10px;
    font-family: verdana;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
}

.author5 {
    font-size: 9px;
    font-family: verdana;
    text-decoration: none;
    color: #FFFFFF;
}

.textBox {
    font-family: verdana;
    font-size: 12px;
    border-style: solid;
    border-width: 1px;
    border-color: #D0D0D4;
    background-color: #FFFFFF
}

A.wa {
    color: #FFFFFF;
    font-size: 10px;
    font-family: verdana;
    text-decoration: none;
    font-weight: bold;
}

A.wa:active {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 10px;
    font-family: verdana;
    font-weight: bold;
}

A.wa:link {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 10px;
    font-family: verdana;
    font-weight: bold;
}

A.wa:hover {
    color: #1D5298;
    text-decoration: none;
    font-size: 10px;
    font-family: verdana;
    font-weight: bold;
}


A.wb {
    color: #FFFFFF;
    font-size: 9px;
    font-family: verdana;
    text-decoration: none;
    font-weight: bold;
}

A.wb:active {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 9px;
    font-family: verdana;
    font-weight: bold;
}

A.wb:link {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 9px;
    font-family: verdana;
    font-weight: bold;
}

A.wb:hover {
    color: #006B86;
    text-decoration: none;
    font-size: 9px;
    font-family: verdana;
    font-weight: bold;
}

A.adr2,
A.adr3,
A.adr2:active,
A.adr3:active,
A.adr2:link,
A.adr3:link,
A.adr2:hover,
A.adr3:hover {
    font-size: 11px;
    font-family: arial;
    text-decoration: none;
    color: #FFCC00;
    font-weight: bold;
}

A.adr2:hover,
A.adr3:hover {
    color: #B5B9BC;
}

A.adr3 {
    padding: 0 20px;
    border-right: 1px solid #FFCC00;
}


td.align_top {
    vertical-align: top
}

/****** Reset CSS  *******/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
/*
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */

/*
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

  /****** End Reset CSS  *******/


:root {
    font-size: calc(1em + 1vw);
}

TD, div {
    FONT-WEIGHT: normal;
    FONT-SIZE: 16px;
    LINE-HEIGHT: 140%;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.backrep {
    background: url(../images/backgrounds/1.gif);
    background-repeat: no-repeat;
    border: 3px solid #FFFFFF;
    background-color: #BEF2FE;
    width: 725px;
    height: 674px;
}

.yearN {
    color: #FFF;
    background-color: #000;
}

.yearNN {
    color: #FFF;
    background-color: #171717;
}

.meteoTitle {
    display: block;
    float: left;
    width: 220px;
    margin-top: 71px;
    padding: 7px 0px 5px 0px;
    /*background-color:#E1E1E1;*/
}

.metLeft {
    display: block;
    float: right;
    width: 50px;
    /*	margin-top:71px;
        padding:7px 10px 5px 10px;
        background-color:#E1E1E1;*/
}

.metLeft span {
    margin-top: 71px;
    padding: 7px 10px 5px 10px;
    background-color: #E1E1E1;
    width: 70px;
}

DIV#bannerTop {
    box-sizing: border-box;
    width: 100%;
    position: relative;
    padding: 0 0.32rem 0.4rem;
    align-self: center;
}

/*-- slider banner --*/
DIV.top-slider-main {
    display: grid;
    grid-template-columns: 1fr;
    overflow: hidden;
    position: relative;
    width: 100%;
}

DIV.top-slider-main DIV {
    background: url('../ro/images/line.png') repeat-x scroll transparent left top;
    background-size: auto 100%;
    grid-row-start: 1;
    grid-column-start: 1;
    box-sizing: border-box;
    padding-bottom: 2px;
}

/*DIV.top-slider-main DIV DIV.left {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
	float:left;
	font-size:0;
	height:100%;
	cursor:pointer;
	color:#FFF;
	position:relative;
	width:44px;
}  */
DIV.top-slider-main DIV DIV.info {
    color: #000;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0;
    position: relative;
}

DIV.top-slider-main DIV DIV.info IMG {
    vertical-align: top;
}

.fb-comments {
}


#page_wrapper {
    width: 1228px;
    max-width: 100%;
    margin: auto;
    box-shadow: 0px 0px 30px 15px rgb(0 0 0 / 30%);
}

main {
    border-left: 1px solid #5D5C5C;
    border-right: 1px solid #5D5C5C;
}

#page_content {
    background-color: #150F0F;
    display: grid;
    grid-template-columns: 18% 64% 18%;
}

@media only screen and (max-width: 1024px) {
    #page_content {
        grid-template-columns: 22% 56% 22%;
    }
}


@media only screen and (max-width: 900px) {
    #ads_container {
        order: 2;
    }

    aside {
        display: none;
    }

    main {
        grid-column: span 2;
        order: 1;
        border: none;
    }

    #page_content {
        display: flex;
        flex-direction: column;
    }
}

@media only screen and (min-width: 900px) {
    #ads_container {
        display: none;
    }
}

.section_title {
    display: flex;
    align-items: center;
    height: 0.75rem;
    background-color: #252525;
}

.section_content {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 10px 0;
}

#widget_container_curs td {
    font-size: 11px !important;
}

.section_content_row {
    display: flex;
    align-items: center;
    flex-direction: row;
    padding: 10px 0;
}

#ads_container section {
    width: inherit;
}

main {
    display: flex;
    flex-direction: column;
    background-color: white;
}

main.page {
    padding: 0.32rem;
}

.breadcrumbs {
    height: 0.75rem;
    background-color: #252525;
    display: flex;
    align-items: center;
    gap: 3px
}

.page .breadcrumbs {
    margin: -0.32rem -0.32rem 0.32rem;
}

img:not([width]):not([class]):not([id]) {
    width: auto;
    max-width: 100%;
    height: auto;
}

/****** HEADER *****/

#header_container {
    display: flex;
    justify-content: space-between;
    background-color: #000;
}

#header_container a, #header_container div {
    flex: 1 1 auto;
    min-width: 0;
}

#header_container img {
    max-width: 100%;
}

#header_image {
    float: right;
}


/****** MENU *****/
nav, .menu_list {
    border-top: 1px solid #5D5C5C;
    border-bottom: 1px solid #5D5C5C;
}

.menu_item {
    color: #FECB00;
    font-family: 'AlternateGothic';
    padding: 7px 18px;
    text-decoration: none;
    font-size: 18pt;
    display: inline-block;
    box-sizing: border-box;
    cursor: pointer;
    white-space: nowrap;
}

.menu_item.hidden {
    visibility: hidden;
    position: absolute;
}

.menu_item:hover, .menu_list li:hover .menu_item {
    text-decoration: none;
    color: #FFFFFF !important;
}

.menu_button {
    display: flex;
    gap: 5px;
}

.menu_button svg {
    display: inline-block;
    height: 16px;
    fill: #FECB00;
}

.menu_button:hover svg {
    fill: #FFFFFF;
}

.menu_list {
    background-color: #252525;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5px 0;
    margin: 0;
    gap: 5px;
    list-style-type: none;
}

.menu_list li {
    width: 100%;
    text-align: center;
}

.menu_list li .menu_item {
    padding: 0 18px;
}

.menu_list_wrapper, .menu_backdrop {
    display: none;
}

.menu_links {
    display: flex;
    justify-content: center;
    background-color: #150F0F;
    white-space: nowrap;
    height: 32px;
}

@media only screen and (max-width: 500px) {
    .menu_links {
        justify-content: left;
    }

    .menu_list_wrapper, .menu_list, .menu_backdrop {
        top: 0;
        left: 0;
        height: 100%;
    }

    .menu_list_wrapper {
        position: fixed;
        width: fit-content;
        width: 100%;
        z-index: 5;
    }

    .menu_backdrop {
        position: fixed;
        background-color: rgba(0, 0, 0, 0.4);
        width: 100%;
        z-index: 4;

    }

    .menu_list {
        position: absolute;
        gap: 10px;
        padding: 10px 0;
        border: none;
    }
}


/****** SIDEBARS *****/

aside > section:not(:last-of-type) {
    border-bottom: 1px solid #5D5C5C;
}

#on_air_webcam_chat_banner {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    background: linear-gradient(180deg, #4A4848 0%, #262425 20%, #150F0F 50%);
    padding: 0 15px;
    column-gap: 15px;
    border-bottom: 1px solid #5D5C5C;
}

#on_air, #webcam_chat, #now_playing {
    display: flex;
    align-items: center;
    height: 65px;
    column-gap: 15px;
    cursor: pointer;
    flex-wrap: nowrap;
}

#webcam_chat {
    flex-grow: 1;
    justify-content: flex-end;
}

@media only screen and (max-width: 630px) {
    #on_air, #webcam_chat {
        flex-direction: row;
    }

    #webcam_chat {
        justify-content: flex-end;
        flex-wrap: nowrap;
        order: 2
    }

    #now_playing {
        width: 100%;
        height: 20px;
        order: 3;
        padding-bottom: 20px;
    }
}

@media only screen and (max-width: 320px) {
    #webcam_chat {
        justify-content: flex-start;
        flex-wrap: nowrap;
        order: 3
    }

    #now_playing {
        width: 100%;
        height: 20px;
        order: 2;
        padding-bottom: 0;
    }
}

@keyframes flashing {
    0% {
        color: red;
    }
    50% {
        color: white;
    }
}

#on_air span, #webcam_chat span {
    text-transform: uppercase;
    font-family: 'AlternateGothic';
    letter-spacing: 1;
    font-size: 2em;
    white-space: nowrap;
}

#on_air span {
    animation: flashing 1.5s step-end infinite;
}

#webcam_chat span {
    color: lime;
}

#webcam_chat span:hover {
    color: white;
}

#on_air a, #webcam_chat a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50%;
    border: 2px solid darkgray;
    border-radius: 100%;
    aspect-ratio: 1;
    box-sizing: border-box;
}

#on_air a {
    padding-left: 3px;
}

#on_air a:hover svg, #webcam_chat a:hover svg {
    fill: white;
}

#on_air svg, #webcam_chat svg {
    display: block;
    fill: #FFCC00;
}

#on_air svg {
    height: 60%;
}

#webcam_chat svg {
    height: 50%;
}

#last_five {
    display: grid;
    grid-template-columns: max-content max-content max-content;
    height: 100%;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    column-gap: 0.5rem;
    padding-top: 0.2rem;
}

#news img {
    max-width: 100%;
    height: auto;
}

#news a {
    margin: 0 auto;
}

#ads_container #history #adLink3 {
    display: table;
}

#ads_container #widget_container_curs,
#ads_container #weather,
#ads_container #ads,
#ads_container #adLink3 {
    margin: 0 auto;
}

#ads_container #widget_container_curs {
    width: 224px !important;
}

#ads_container #weather {
    width: 190px !important;
}

.start_aligned {
    align-items: flex-start;
}

@media only screen and (max-width: 900px) {
    .start_aligned {
        align-items: center;
    }
}

#search_box {
    background: url(../ro/images/cautare_back.gif);
    background-repeat: repeat-x;
    border-bottom: 1px solid #5D5C5C;
    width: 100%;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

#poll {
    padding-top: 30px;
    padding-bottom: 30px;
}

#poll div center div {
    width: auto !important;
}

.bnr_text {
    font-family: arial;
    font-size: 11px;
    color: #a2a2a2
}

#myMarquee {
    overflow: hidden;
    font-family: Verdana;
    font-size: 8pt;
    font-weight: normal !important;
    height: 250px;
}

.partners iframe {
    max-width: 100%;
}


/****** HOME *******/
#newsfeed {
    background-color: #171717;
    padding: 0 10px;
}

#feed_credit, #feed_credit a {
    font-family: Verdana, Arial;
    font-size: 10px;
    color: #cccccc;
    text-align: right;
}

main .section_content {
    align-items: flex-start;
    background-color: white;
    padding: 10px;
}

#album_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(147.5px, 1fr));
    padding: 10px 0;
    row-gap: 10px;
}

#album_grid .tit6 {
    padding: 0 5px 0 10px;
    box-sizing: border-box;
}

#album_grid a {
    display: block;
}

@media only screen and (max-width: 900px) {
    #album_grid {
        grid-template-columns: repeat(4, minmax(147.5px, 1fr));
    }
}

@media only screen and (max-width: 600px) {
    #album_grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

#album_grid > div:last-child {
    grid-column: span 2;
    justify-self: center;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 5px;
    padding: 0 10px;
}

.album_item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

a.album_image {
    align-self: center;
    padding: 0 15px 10px;
    box-sizing: border-box;
}

img.album_image {
    border: 3px solid #fff;
    min-width: 110px;
    width: 3.3rem;
    max-width: 100%;
    aspect-ratio: 1 / 1;
}

@media only screen and (max-width: 600px) {
    a.album_image {
        width: 60%;
        min-width: min-content;
    }

    img.album_image {
        width: 100%;
    }
}

.image_button {
    width: 76px;
    height: 20px;
    border: 0
}

#history_content img {
    max-width: 100%;
    height: auto !important;
}

#rock_info > div > p img, .ad img {
    width: 100% !important;
    height: auto !important;
}

.home_ad {
    padding: 0.32rem 0px;
    background-color: #5C5C5C;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home_ad img {
    max-width: 100%;
}

/****** ALBUMS *******/
.album_main_image {
    border: 5px solid #fff;
    margin: 20px 50px 11px 50px;
    width: 100%;
    width: -moz-available; /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
    width: fill-available;
}

.album, .archived_article, .news_article {
    padding: 10px 0;
}

/****** ARTICLES *******/
#alphabet_search {
    justify-content: space-evenly;
    margin: -0.32rem -0.32rem 0;
}

article div.content {
    display: flex;
    padding: 10px 0;
    justify-content: space-between;
}

.article_title,
.article_title:hover {
    text-decoration: none;
}

@media only screen and (max-width: 450px) {
    article div.content {
        flex-direction: column-reverse;
        align-items: center;
    }
}

.album_article_image {
    border: 3px solid #fff;
    width: 6.3rem;
    height: 6.3rem;
}

.article_image {
    border: 3px solid #fff;
    margin: 0 0 10px 10px;
    box-sizing: border-box;
    max-width: 150px;
    max-height: 120px;
}

#article_header_image {
    display: block;
    border: 0.16rem solid #fff;
    margin: 1rem auto 0.36rem auto;
    width: 14.7rem;
    height: 8rem;
}

.article_content {
    padding-top: 0.64rem;
}

#not_found_text {
    text-align: center;
}

#pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.16rem;
    margin: 0 -0.32rem;
    flex-wrap: wrap;
}

#pagination > div {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.16rem;
}

#pagination > div:nth-child(2) {
    gap: 0.16rem;
    flex-wrap: nowrap;
}

@media only screen and (max-width: 900px) {
    #pagination {
        margin: 0;
    }

    #pagination > div:nth-child(2) {
        flex-wrap: wrap;
    }
}


/****** MEDIA BUTTONS *******/
.addthis-social-media {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

.addthis-social-media a {
    text-decoration: none;
}

.addthis-social-media img {
    width: 150px;
    height: 35px;
}

/****** FOOTER *******/
footer {
    padding-top: 10px;
    display: flex;
    justify-content: center;
    background-color: #150F0F;
    color: white;
    white-space: nowrap;
    height: 26px;
}

/****** NEWS *******/
#media_buttons {
    text-align: right;
    padding-top: 10px;
}

#news_articles {
    margin-bottom: 20px;
}

#news_archive {
    text-align: right;
    margin-top: 20px;
}

#form1 {
    text-align: center;
    margin: 30px 0;
}

.news_article_main_image {
    border: 5px solid #fff;
    margin: 15px 15px 10px 15px;
    width: 14.5rem;
}

@media only screen and (max-width: 450px) {
    .news_article_main_image {
        margin: 0;
    }
}

.news_article_image {
    max-width: 6.4rem;
}

.archive_article_image {
    border: 5px solid #fff;
    width: 6.4rem;
}


/****** PHOTO ALBUM *******/
#museum_image {
    width: 18.2rem;
    height: auto;
    max-width: 100%;
    align-self: center;
}

@media only screen and (max-width: 900px) {
    #museum_image {
        width: 80%;
    }
}

#museum_navigation {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-items: center;
    padding: 1.9rem 0 1.3rem;
    row-gap: 1.3rem;
}

#museum_navigation a {
    text-align: center;
}

@media only screen and (max-width: 600px) {
    #museum_image {
        width: 100%;
    }

    #museum_navigation > a {
        width: 70%;
    }

    #museum_navigation > a img {
        width: 100%;
    }
}

#focused_gallery_item {
    grid-column: span 3;
    text-align: center;
}

#focused_gallery_item img {
    border: 5px solid #fff;
    max-width: 100%;
    box-sizing: border-box;
}

#gallery {
    grid-column: span 3;
    display: grid;
    grid-template-columns: repeat(5, max-content);
    gap: 2px;
}

@media only screen and (max-width: 600px) {
    #gallery {
        grid-template-columns: repeat(4, max-content);
    }
}

@media only screen and (max-width: 450px) {
    #gallery {
        grid-template-columns: repeat(3, max-content);
    }
}

#gallery img {
    width: 3.2rem;
}


/****** TODAY IN MUSIC *******/
#music_events {
    margin-top: 10px;
}

#music_events > h1 {
    font-weight: bold;
    font-style: italic;
    font-size: 120%;
}


/****** SHARE RADIO *******/
#widget_description p {
    margin: 0;
}

#widget_description div {
    margin-top: 20px;
    margin-bottom: 10px;
}

#banners {
    display: flex;
    flex-direction: column;
    gap: 70px;
    padding: 10px;
}

#banners article {
    display: flex;
    align-items: flex-end;
}

#banners article div {
    display: flex;
    flex-direction: column;
}

#banners img {
    max-width: 100%;
    height: auto;
}

#txtarea {
    max-width: 100%;
}


/****** ITEMS *******/
#page_buttons {
    display: flex;
    padding-top: 20px;
}

#page_buttons a:last-child {
    margin-left: auto;
}


/****** TOP TABLE *******/
.toptable {
    background-color: #24252C;
    color: #F6FEFF;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    width: 500px;

    text-align: center;
}

.toplist_container, .vote_btn_container, .vote_info_container {
    display: flex;
}

.toplist_container {
    padding-left: 0.22rem;
    flex-wrap: wrap;
}

.vote_btn_container {
    gap: 5px;
}

.vote_info_container {
    gap: 7px;
}

.toplist_number {
    width: 0.96rem;
}

.toplist_arrows {
    width: 0.77rem;
    padding-left: 0.1rem;
    padding-right: 0.13rem;
}

.cover_container {
    margin-top: -0.32rem;
}

.toplist_song {
    padding-left: 0.16rem;
}

.toplist_prev_month {
    background-color: #F5AF69;
    border-top: 1px solid #566475;
    border-bottom: 1px solid #566475;
    padding-left: 2px;
    padding-right: 2px;
    width: 20px;
}

.toplist_nothing {
    border: 0 !important;
    width: 20px;
}

.vote_container {
    margin-top: -0.1rem;
    padding-bottom: 0.2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
}

.vote_but {
    background-color: #F9C92A;
    border-top: 1px solid #566475;
    border-bottom: 1px solid #566475;
    width: 40px;
    padding: 3px;
}

.vote_but a {
    background-color: #F9C92A;
    font-family: Verdana;
    font-size: 7px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;

}

.toptable tr {
    border-top: 1px solid #566475;
    border-bottom: 1px solid #566475;
    padding-top: 3px;
    padding-bottom: 3px;
}

.toptable tr td {
    padding-top: 2px;
    padding-bottom: 2px;
    border-top: 1px solid #566475;
    border-bottom: 1px solid #566475;
}

.vote {
    cursor: pointer;
    display: block;
}

.voting_cover {
    width: 2.7rem;
    height: 2.7rem;
}

.btn_vote {
    background: #8C8C90;
    background-image: -webkit-linear-gradient(top, #8C8C90, #131317);
    background-image: -moz-linear-gradient(top, #8C8C90, #131317);
    background-image: -ms-linear-gradient(top, #8C8C90, #131317);
    background-image: -o-linear-gradient(top, #8C8C90, #131317);
    background-image: linear-gradient(to bottom, #8C8C90, #131317);
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 3px;
    font-family: Arial;
    color: #FFCC00;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    display: block;
    width: 80px;
    padding: 10px 5px;
    font-family: HumanST;
    cursor: pointer;
}

.btn_vote:hover {
    color: #FECB00;
}

.btn_vote:active {
    background: #1A1A1F;
    color: #FFF;
    background-image: -webkit-linear-gradient(top, #1A1A1F, #6E6E72);
    background-image: -moz-linear-gradient(top, #1A1A1F, #6E6E72);
    background-image: -ms-linear-gradient(top, #1A1A1F, #6E6E72);
    background-image: -o-linear-gradient(top, #1A1A1F, #6E6E72);
    background-image: linear-gradient(to bottom, #1A1A1F, #6E6E72);
    text-decoration: none;
}

.voted {
    color: #CCC;
}

.voted:active,
.voted:hover {
    background: #8C8C90;
    background-image: -webkit-linear-gradient(top, #8C8C90, #131317);
    background-image: -moz-linear-gradient(top, #8C8C90, #131317);
    background-image: -ms-linear-gradient(top, #8C8C90, #131317);
    background-image: -o-linear-gradient(top, #8C8C90, #131317);
    background-image: linear-gradient(to bottom, #8C8C90, #131317);
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 3px;
    font-family: Arial;
    color: #CCC;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    display: block;
    width: 80px;
    padding: 10px 5px;
    font-family: HumanST;
    cursor: pointer;
}

.new_text {
    font-family: HumanST;
    font-size: 16px;
    color: #987A00;
}

.artist {
    color: #999999;
    font-family: Arial;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 2px;
    margin-top: 2px;
}

.song {
    color: #999999;
    font-size: 13px;
    font-style: italic;
    margin-top: 6px;
}

.track_order {
    font-weight: bold;
    font-family: Arial;
    color: #FFF;
    font-size: 18px;
}
.track_tow_player,
.track_tow {
    background: #24252C;
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding: 0.32rem 0.22rem 0;
}

.track_tow_player {
    padding: 0 0.22rem;
    background: #000000;
}

.prev_player {
    margin: 0 auto;
    width: 100%;
}

.preview_btn {
    cursor: pointer;
}

.preview_btn:active {
    opacity: 0.8;
}

.last_week, .week {
    display: inline-block;
    color: #999999;
    font-size: 14px;
    display: inline-block;
}

.last_week {
    width: 18px;
    text-align: right;
}

.week {
    width: 21px;
    text-align: left;
}

.separator {
    width: 80%;
    margin: 0 auto;
    height: 10px;
    background: #FFCC00;
}

.top_header, .top_header_first_col, .top_header_second_col, .top_header_third_col {
    display: flex;
    justify-content: space-between;
}

.top_header {
    margin: 0 auto 0 auto;
    width: 87%;
    padding: 0 15px;
    background: #FFCC00;
}

.top_header span {
    font-family: HumanST;
    font-size: 12pt;
}

.top_header_first_col {
    width: 11%;
    gap: 10px;
}

.top_header_second_col {
    width: 100%;
    padding-left: 20%;
}

.top_header_third_col {
    gap: 7px;
}

.lw {
    display: inline-block;
    width: 58%;
}

.prop_header {
    background: #987A00;
    width: 80%;
    margin: 10px auto 0 auto;
    padding: 10px 0;
}

.prop_header span {
    font-family: HumanST;
    font-size: 16px;
    padding-left: 10px;
    color: #FFF;
}

.title_container {
    background: #000;
    text-align: center;
    margin-top: 0px;
}

.title_container h1 {
    color: #FFF;
    text-align: center;
    padding: 10px 0 3px 0;
    font-family: HumanSTBold;
    font-weight: normal;
    font-size: 22pt;
    margin-bottom: 3px;
    margin-top: 0;
}

.title_container h2 {
    color: #FFF;
    text-align: center;
    padding: 3px 0 10px 0;
    margin-top: 0;
    margin-bottom: 0;
    font-family: HumanSTLight;
    font-weight: normal;
    font-size: 18pt;
}

.subtitle_separator {
    width: 100%;
    height: 20px;
    background: #FFF;
}

.top_separator {
    width: 100%;
    height: 6px;
    background: #000;
}

audio {
    width: 230px;
    margin-top: -10px;
}

.current_vote_state {
    height: 35px;
}

.current_vote_state img {
    height: 100%;
}

.page-content {
    width: 90%;
    margin: 10px auto;
}

/****** Best Of Table *****/

/*.list-post .the_content figure br {
	display:none;
}
*/
#tsLists div, #tsLists img, #tsLists p {
    margin: 0px;
    padding: 0px;
}

/*#tsLists .tsl_header {
	padding-bottom:15px;
}
#tsLists .tsl_header p {
	margin-bottom:12px;
}
#tsLists .tsl_header {
	padding-bottom:15px;
}
#tsLists .tsl_excerpt {
	display:none !important
}*/
#tsLists .tsl_items {
    clear: both;
}

#tsLists .tsl_item {
    padding: 20px 0px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

/*#tsLists .tsl_item_twitter {
	padding:10px 0px;
}*/
#tsLists .tsl_clear {
    clear: both;
    height: 8px;
    overflow: hidden;
}

#tsLists .tsl_left {
    /*float:left;
    width:42%;*/
}

/*#tsLists .tsl_left_twitter {
	float:left;
	width:48px;
}*/
#tsLists .tsl_number {
    float: left;
    font-family: "Arial Black", Arial, Helvetica, Geneva, sans-serif, HumanSTBold;
    font-size: 30px;
    font-weight: bold;
    overflow: hidden;
    padding: 10px 5px 0 5px;
    text-align: center;
    width: auto;
    height: 30px;
    margin-right: 15px;
    background: rgba(55, 64, 54, 1.0);
    color: #FFFFFF;
}

#tsLists .tsl_number_4dig {
    font-size: 15px;
}

#tsLists .tsl_number_3dig {
    font-size: 20px;
}

#tsLists .tsl_number_2dig {
    font-size: 25px;
}

#tsLists .tsl_number_1dig {
    font-size: 30px;
}

#tsLists .tsl_item_hdr {
    float: left;
    max-width: 300px;
}

#tsLists .tsl_item_hdr_full {
    width: auto;
}

#tsLists .tsl_audio {
    height: 25px;
}

#tsLists .tsl_right {
    float: right;
    width: 50%;
}

#tsLists .tsl_right_full {
    float: none;
    width: 50%;
}

/*#tsLists .tsl_getOnLinks {
	border-top-width: 1px;
	border-top-style: solid;
	padding-top:15px;
	margin-top:15px;
	font-weight:bold;
}*/
#tsLists .tsl_link {
    float: left;
}


#tsLists .tsl_title h3 {
    font-family: "Open Sans n7", Arial, sans-serif, HumanSTBold;
    font-size: 23px;
    line-height: 26px;
    margin: -4px 0 3px;
    text-transform: none;
}

#tsLists .tsl_item_hdr_full_noCount .tsl_title h3 {
    font-size: 18px;
    line-height: 20px;
}

#tsLists .tsl_album {
    font-weight: bold;
    padding-bottom: 5px;
}

#tsLists .tsl_descr {
    padding-bottom: 5px;
}

#tsLists .tsl_descr ul {
    margin: 0 !important;
}

#tsLists .tsl_descr p {
    margin-bottom: 10px;
}

#tsLists .tsl_iGap {
    height: 5px;
    overflow: hidden;
}

#tsLists .hdr_image {
    text-align: center;
    padding-bottom: 15px;
}

#tsLists .hdr_image_center {
    text-align: center;
    padding-bottom: 15px;
}

#tsLists .hdr_image_left {
    float: left;
    padding-right: 15px;
    padding-bottom: 0px;
}

#tsLists .tsl_img_credit {
    text-align: left;
    font-size: 11px;
    position: relative;
    padding-bottom: 0px;
    clear: both;
}

#tsLists .hdr_image .tsl_img_credit {
    padding-bottom: 0;
}

.feed {
    position: relative;
    width: 100%;
    height: 215px;
}

.feed_source {
    position: absolute;
    width: 100%;
    height: 0;
    bottom: 18px;
    right: 5px;
}

.tsl_video_pg {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    margin: 20px auto !important;
}

.feed iframe,
.tsl_video_pg iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#tsLists .tsl_audio {
    display: none;
}

#tsLists .tsl_items .button, #tsLists .pagination .button {
    cursor: default;
}

#tsLists .tsl_footer h2 {
    margin-top: 0 !important;
    font-size: 24px;
}

#tsLists .tsl_footer p {
    margin-bottom: 10px;
}

#tsl_pages {
    margin-bottom: 10px;
    padding: 10px 15px;
}

/*#tsl_pages .pagination {
	font-size: 20px;
	font-weight: bold;
}
#tsl_pages .pagination a {
	text-decoration: none;
}
#tsl_pages .pagination .item {
	display: block;
	float: left;
	text-align: center;
	height:29px;
	border-right-width:5px;
	border-right-style:solid;
}
#tsl_pages .pagination .lbl {
	margin: 0 10px;
	overflow: hidden;
	padding: 5px 3px;
	white-space: nowrap;
	width: 60px;
}
#tsl_pages .pagination .btn, #tsl_pages .pagination .isLast  {
	border-right-width:0px;
}
#tsl_pages .pagination .btn .lbl {
	margin:0;
	padding-left:0;
	padding-right:0;
	font-size: 18px;
}
*/
.tsl_below {
    text-align: center;
}

.tsl_below .tsl_thumb .list-post .the_content figure br {
    display: none;
}

#tsLists div, #tsLists img, #tsLists p {
    margin: 3px;
    padding: 0;
}

#tsLists .tsl_header {
    padding-bottom: 15px;
}

#tsLists .tsl_header p {
    margin-bottom: 12px;
}

#tsLists .tsl_header {
    padding-bottom: 15px;
}

#tsLists .tsl_excerpt {
    display: none !important
}

#tsLists .tsl_items {
    clear: both;
}

#tsLists .tsl_item {
    padding: 30px 0px;
    border-top-width: 1px;
    border-top-style: solid;
}

/*#tsLists .tsl_item_twitter {
	padding:10px 0px;
}*/
/*#tsLists .tsl_clear {
	clear:both;
	height: 1px;
	overflow: hidden;
}*/
/*#tsLists .tsl_left {
	float:left;
	width:190px;
}
/*#tsLists .tsl_left_twitter {
	float:left;
	width:48px;
}*/
#tsLists .tsl_number {
    float: left;
    font-family: "Arial Black", Arial, Helvetica, Geneva, sans-serif;
    font-size: 30px;
    font-weight: bold;
    overflow: hidden;
    padding: 10px 5px 0 5px;
    text-align: center;
    width: auto;
    height: 30px;
    margin-right: 15px;
}

#tsLists .tsl_number_4dig {
    font-size: 15px;
}

#tsLists .tsl_number_3dig {
    font-size: 20px;
}

#tsLists .tsl_number_2dig {
    font-size: 25px;
}

#tsLists .tsl_item_hdr {
    float: left;
    max-width: 365px;
}

#tsLists .tsl_item_hdr_full {
    width: auto;
}

#tsLists .tsl_audio {
    height: 25px;
}

/*#tsLists .tsl_right {
	float:right;
	width:430px;
}
/*#tsLists .tsl_right_twitter {
	float:right;
	width:560px;
}
#tsLists .tsl_right_full {
	float: none;
	width:620px;
}*/
/*#tsLists .tsl_getOnLinks {
	border-top-width: 1px;
	border-top-style: solid;
	padding-top:15px;
	margin-top:15px;
	font-weight:bold;
}*/
#tsLists .tsl_link {
    float: left;
}

#tsLists .tsl_lnkline {
    float: left;
    padding: 0 7px;
}

/*#tsLists .tsl_getOn {
	float:left;
	padding-right:7px;
}*/
#tsLists .tsl_title_middle {
    height: 40px;
    display: table-cell;
    vertical-align: middle;
}

/*#tsLists .tsl_title h3 {
	font-size: 24px;
	line-height: 26px;
	margin: -4px 0 3px;
	text-transform: none;
}
#tsLists .tsl_item_hdr_full_noCount .tsl_title h3 {
	font-size: 18px;
	line-height: 20px;
}*/
#tsLists .tsl_subtitle {
    font-weight: bold;
}

#tsLists .tsl_album {
    font-weight: bold;
    padding-bottom: 5px;
}

#tsLists .tsl_descr {
    padding-bottom: 5px;
}

#tsLists .tsl_descr ul {
    margin: 0 !important;
}

#tsLists .tsl_descr p {
    margin-bottom: 10px;
}

#tsLists .tsl_iGap {
    height: 5px;
    overflow: hidden;
}

#tsLists .hdr_image {
    text-align: center;
    padding-bottom: 15px;
}

#tsLists .hdr_image_center {
    text-align: center;
    padding-bottom: 15px;
}

#tsLists .hdr_image_left {
    float: left;
    padding-right: 15px;
    padding-bottom: 0px;
}

#tsLists .tsl_img_credit {
    text-align: left;
    font-size: 11px;
    position: relative;
    padding-bottom: 0px;
    clear: both;
}

#tsLists .hdr_image .tsl_img_credit {
    padding-bottom: 0px;
}

#tsLists .tsl_audio {
    display: none;
}

#tsLists .tsl_items .button, #tsLists .pagination .button {
    cursor: default;
}

#tsLists .tsl_footer h2 {
    margin-top: 0 !important;
    font-size: 24px;
}

#tsLists .tsl_footer p {
    margin-bottom: 10px;
}

#tsl_pages {
    margin-bottom: 10px;
    padding: 10px 15px;
}

/*#tsl_pages .pagination {
	font-size: 20px;
	font-weight: bold;
}
#tsl_pages .pagination a {
	text-decoration: none;
}
#tsl_pages .pagination .item {
	display: block;
	float: left;
	text-align: center;
	height:29px;
	border-right-width:5px;
	border-right-style:solid;
}
#tsl_pages .pagination .lbl {
	margin: 0 10px;
	overflow: hidden;
	padding: 5px 3px;
	white-space: nowrap;
	width: 60px;
}
#tsl_pages .pagination .btn, #tsl_pages .pagination .isLast  {
	border-right-width:0px;
}
#tsl_pages .pagination .btn .lbl {
	margin:0;
	padding-left:0;
	padding-right:0;
	font-size: 18px;
}
#tsl_pages .pagination .current.btn .lbl {
	background-color:transparent;
}
#tsl_pages .pagination .next {
	float:right;
}
#tsl_pages .pagination .next .lbl {
	width:70px;
	text-align: right;
}
#tsl_pages .pagination .prev .lbl {
	width:110px;
	text-align: left;
}
#tsl_pages .pagination .prev.box4 {
	padding-right:42px;
}
#tsl_pages .pagination .prev.box3 {
	padding-right:85px;
}
#tsl_pages .pagination .prev.box2 {
	padding-right:127px;
}
#tsl_pages .pagination .prev.box1 {
	padding-right:170px;
}

#tsl_infoBtn_1 {
	clear: both;
	margin-top: 27px;
	text-align: center;
}
#tsl_infoBtn_1 .infoLink {
	display: inline;
	margin: 7px;
}
#tsl_infoBtn_1 .infobtn {
	text-align: center;
}
#tsl_infoBtn_1 .infobtn a, #tsl_infoBtn_1 .infobtn a:hover {
	font-size: 14px;
	font-weight: bold;
	margin: 12px 0 30px;
	padding: 7px;
	display:inline-block;
	*display:inline;
	zoom:1;
}
#tsl_infoBtn_1 .infobtn a {
	text-decoration: none;
}
#tsl_infoBtn_1 a {
	margin:16px 0 0 !important;
}*/

.tsl_below {
    text-align: center;
}

.tsl_below .tsl_thumb {
    padding-top: 15px !important
}


/****** LATEST ARTICLE *******/

#featuredResource {
    float: left;
    width: 200px;
}

user agent stylesheetdiv {
    display: block;
}

#featuredResourcesWrapper {
    max-width: 200px;
    float: left;
    margin-bottom: 10px;
    border: #b9b9b9 1px solid;
    box-shadow: 2px 2px 4px #dadada;
}

#txtDescription {
    text-align: left;
}

.featuredResource .content {
    padding: 0 5px 5px 5px;
    text-align: left;
    line-height: 16px;
}


/****** Read More ARTICLE *******/

#main_container {
    width: 1020px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    margin-bottom: 20px;
    position: relative;
    clear: both;
}

/*.home #main_container #content #content_main .blogroll.row-standard article,*/
/*.archive #main_container #content #content_main .blogroll.row-standard article {*/
/*    margin-bottom: 20px !important;*/
/*}*/

/*#main_container #content #content_main #location_wrap {*/
/*    margin-bottom: 25px;*/
/*    position: relative;*/
/*}*/

/*.clearfix {*/
/*    display: block;*/
/*}*/

/*#main_container #content #content_main .blogroll.row-standard {*/
/*    width: 630px;*/
/*}*/

/*media="all"*/
/*article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {*/
/*    display: block;*/
/*    border: 0;*/
/*    font-family: inherit;*/
/*    font-size: 100%;*/
/*    font-style: inherit;*/
/*    font-weight: inherit;*/
/*    margin: 0;*/
/*    outline: 0;*/
/*    padding: 0;*/
/*    vertical-align: baseline;*/
/*}*/

/*!*media="all"*!*/
/*!*#main_container #content #content_main .blogroll.row-standard figure {*!*/
/*!*    width: 300px;*!*/
/*!*    margin: 0 30px 25px 0;*!*/
/*!*    display: inline;*!*/
/*!*    float: left;*!*/
/*!*}*!*/

/*!*media="all"*!*/
/*!*#main_container #content #content_main .blogroll.row-standard header {*!*/
/*!*    position: relative;*!*/
/*!*}*!*/

/*!*media="all"*!*/
/*!*article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {*!*/
/*!*    display: block;*!*/
/*!*    border: 0;*!*/
/*!*    font-family: inherit;*!*/
/*!*    font-size: 100%;*!*/
/*!*    font-style: inherit;*!*/
/*!*    font-weight: inherit;*!*/
/*!*    margin: 0;*!*/
/*!*    outline: 0;*!*/
/*!*    padding: 0;*!*/
/*!*    vertical-align: baseline;*!*/
/*!*}*!*/

/*!*media="all"*!*/
/*!*#main_container #content #content_main .blogroll.row-standard header h2 {*!*/
/*!*    font-size: 20px;*!*/
/*!*    line-height: 22px;*!*/
/*!*    position: relative;*!*/
/*!*    top: -4px;*!*/
/*!*    margin-bottom: 6px;*!*/
/*!*}*!*/

/*!*media="all"*!*/
/*!*#main_container #content #content_main .blogroll.row-standard header h2 a {*!*/
/*!*    font-family: "Open Sans n8", Arial, sans-serif;*!*/
/*!*    font-style: normal;*!*/
/*!*    font-weight: normal;*!*/
/*!*    letter-spacing: 0;*!*/
/*!*}*!*/

/*!*media="all"*!*/
/*!*#main_container #content #content_main .post_meta {*!*/
/*!*    padding-bottom: 10px;*!*/
/*!*    display: inline-block;*!*/
/*!*    zoom: 1;*!*/
/*!*    vertical-align: top;*!*/
/*!*}*!*/

/*!*media="all"*!*/
/*!*#main_container #content #content_main .post_meta span.author_avatar {*!*/
/*!*    display: inline-block;*!*/
/*!*}*!*/

/*#main_container #content #content_main .post_meta span {*/
/*    font-size: 11px;*/
/*    vertical-align: top;*/
/*}*/
/*!*media="all"*!*/
/*!*#main_container #content #content_main .post_meta span.the_author,*!*/
/*!*#main_container #content #content_main .post_meta span.the_category {*!*/
/*!*    font-weight: 700;*!*/
/*!*}*!*/

/*#main_container #content #content_main article .post_meta .the_date {*/
/*    opacity: 0.75;*/
/*    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";*/
/*    filter: alpha(opacity=75);*/
/*    zoom: 1;*/
/*}*/

/*#main_container #content #content_main .blogroll.row-standard header .the_excerpt {*/
/*    font-size: 13px;*/
/*    line-height: 18px;*/
/*    padding-bottom: 10px;*/
/*    font-weight: 300;*/
/*    zoom: 1;*/
/*}*/

/*#main_container #content #content_main .more_act {*/
/*    line-height: normal;*/
/*    padding: 0;*/
/*    border: 0;*/
/*}*/

/*article p, div.polldaddy-inline, div.gform_wrapper {*/
/*    margin-bottom: 10px;*/
/*}*/


/*!****** Read More button *******!*/

/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);*/
/*body {*/
/*    font-family: "Open Sans", sans-serif;*/
/*    display: -webkit-box;*/
/*    display: -webkit-flex;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    -webkit-box-pack: center;*/
/*    -webkit-justify-content: center;*/
/*    -ms-flex-pack: center;*/
/*    justify-content: center;*/
/*    -webkit-box-align: center;*/
/*    -webkit-align-items: center;*/
/*    -ms-flex-align: center;*/
/*    align-items: center;*/
/*    height: 100vh;*/
/*    line-height: 1;*/
/*}*/

/*.container {*/
/*    min-width: 100px;*/
/*    display: -webkit-box;*/
/*    display: -webkit-flex;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    -webkit-box-orient: vertical;*/
/*    -webkit-box-direction: normal;*/
/*    -webkit-flex-direction: column;*/
/*    -ms-flex-direction: column;*/
/*    flex-direction: column;*/
/*}*/

/*.button-container {*/
/*    display: -webkit-box;*/
/*    display: -webkit-flex;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    -webkit-box-pack: justify;*/
/*    -webkit-justify-content: space-between;*/
/*    -ms-flex-pack: justify;*/
/*    justify-content: space-between;*/
/*    margin: 40px auto;*/
/*}*/

/*.button {*/
/*    border: 0 none;*/
/*    border-radius: 6px;*/
/*    padding: 5px 5px;*/
/*    margin: 0 10px;*/
/*    cursor: pointer;*/
/*    display: inline-block;*/
/*    font-size: 10px;*/
/*    color: #fff;*/
/*    text-transform: none;*/
/*    -webkit-transition: all 80ms ease-in-out;*/
/*    transition: all 80ms ease-in-out;*/
/*}*/

/*.button:hover {*/
/*    opacity: .7;*/
/*}*/

/*.button.-blue {*/
/*    background: #0167F6;*/
/*    color: #FFFFFF;*/
/*}*/

/*.button.-border {*/
/*    background: transparent;*/
/*    border: 2px solid #0167F6;*/
/*    color: #0167F6;*/
/*}*/

/*.button.-border:hover {*/
/*    border-color: #171717;*/
/*    color: #171717;*/
/*    opacity: 1;*/
/*}*/


/****** Article Body & Figwrap *******/


/***********************************************
            MultiYT style
***********************************************/

/*.youtube-container {
  display: block;
  margin: 20px auto;
  width: 250px;
  max-width: 600px;
}
*/
/*.youtube-player {
  display: block;
  width: 100%;
  /* assuming that the video has a 16:9 ratio */
/* padding-bottom: 56.25%;
 overflow: hidden;
 position: relative;
 width: 100%;
 height: 100%;
 cursor: hand;
 cursor: pointer;
 display: block;
}

img.youtube-thumb {
 bottom: 0;
 display: block;
 left: 0;
 margin: auto;
 max-width: 100%;
 width: 100%;
 position: absolute;
 right: 0;
 top: 0;
 height: auto
}

div.play-button {
 height: 72px;
 width: 72px;
 left: 50%;
 top: 50%;
 margin-left: -36px;
 margin-top: -36px;
 position: absolute;
 background: url("http://i.imgur.com/TxzC70f.png") no-repeat;
}

#youtube-iframe {
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
}*/
/***********************************************
            MultiYT style2
***********************************************/
/*
.yvid{
            display: block;
            width: 250px;
            height: 200px; 
            margin: 0px auto;
            position: relative;
            background:#000;
        }
        .vidthumb{
            width: inherit;
            height: inherit;
            cursor: pointer;
        }
        .playb{
            display: block;
            width: 70px;
            height: 70px;
            position: absolute;
            top: 33%;
            left: 35%;
            text-align: center;
            cursor: pointer;
            background-repeat: no-repeat;
            border-radius: 20%;
            border: 3px solid #fff;
            box-shadow: 0px 0px 0px 0px #000;
        }

        .playb:after{
            display: block;
            width: 0px;
            height: 0px;
            position: absolute;
            content: " ";
            top: 23%;
            left: 36%;
            border-top: 19px solid transparent;
            border-left: 30px solid white;
            border-bottom: 19px solid transparent;
        }

        .yvid:hover .playb{ opacity: 0.4;
            background: #ffcc00;
        }*/

/****** Buton Read More*******/


/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);

$dark:  #171717;
$blue:  #0167F6;
$green: #3AB54A;
$white: #FFFFFF;


$font-face: 'Open Sans', sans-serif;

body {
  background: white;
  font-family: $font-face;
  
  display: flex;
  justify-content: center;
  align-items: center;
  
  height: 100vh;
  line-height: 1;
}

h1 {
  text-align: center;
  font-family: $font-face;
  font-size: 22px;
  color: $dark;
  font-weight: 700;
  
  span {
    font-weight: 400;
  }
  
}

.container {
  min-width: 640px;
  
  display: flex;
  flex-direction: column;
}

.button-container {
    display: flex;
    justify-content: space-between;
    margin: 60px auto;
}


// Copy button styles
.button {
  border: 0 none;
  border-radius: 36px;
  
  padding: 12px 55px;
  margin: 0 10px;
  
  cursor: pointer;
  display: inline-block;
  
  font-size: 14px;
  color: #fff;
  text-transform: none;
  
  transition: all 80ms ease-in-out;

  &:hover {
      opacity: .7;
  }
}

.button.-dark {
  background: $dark;
  color: $white;
}
  
.button.-green {
  background: $green;
  color: $white;
}

.button.-blue {
  background: $blue;
  color: $white;
}

.button.-border {
  background: transparent;
  border: 2px solid $blue;
  color: $blue;
  
  &:hover {
    border-color: $dark;
    color: $dark;

    opacity: 1;
  }
}
*/

/* ============================================================
   RESPONSIVE EMBEDS — 2026-05-20
   Caps iframe width to the parent column at every viewport so
   raw <iframe width="560" height="315"> blocks (typical YouTube
   embed from the admin editor) don't overflow either the
   ~786px desktop article column or the ~390px mobile column.
   Applies to article pages (articol.tpl.php), item detail
   (items.tpl.php), static pages (page.tpl.php), and anything
   else where admin-edited content lands inside <main>.
   ============================================================ */

main iframe {
    max-width: 100%;
}

main iframe[src*="youtube.com/embed"],
main iframe[src*="youtube-nocookie.com/embed"],
main iframe[src*="player.vimeo.com"],
main iframe[src*="youtu.be"] {
    display: block;
    width: 100%;
    max-width: 600px;
    height: auto;
    aspect-ratio: 16 / 9;
    margin: 10px auto;
}

/* ============================================================
   OVERFLOW SHIELD — 2026-05-20
   Universal caps so admin-edited content (inline styles, fixed
   widths, long URLs, tables, embeds, fonts) never forces the
   page to scroll horizontally. Class selectors with explicit
   widths (.album_image, .image_button, etc.) still win on
   specificity, so UI imagery is unaffected.
   ============================================================ */

main img,
main video,
main canvas {
    max-width: 100%;
    height: auto;
}

main iframe,
main embed,
main object {
    max-width: 100%;
}

main table {
    max-width: 100%;
}

main pre,
main code {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    word-break: break-word;
}

main,
main p,
main li,
main blockquote,
main td,
main th,
main h1, main h2, main h3, main h4 {
    overflow-wrap: break-word;
    word-break: break-word;
}

/* Final safety net: even if a fixed-pixel element somehow escapes,
   the page wrapper clips it instead of forcing horizontal scroll
   on the whole document. Off-canvas mobile menu uses position:fixed
   relative to the viewport so it's unaffected. */
#page_wrapper {
    overflow-x: hidden;
}

/* ============================================================
   MOBILE FIXES — 2026-05-20
   Targets the four issues identified in the mobile audit.
   ============================================================ */

/* (1) HISTORY section: 3rd-party weatherwidget-io iframes render at
   a fixed ~741px width, causing horizontal scroll on mobile.
   Three things needed:
     - the inline <a class="weatherwidget-io"> must become a block so
       width:100% actually applies (inline elements ignore width);
     - the grid items (.slider-box1/2/3) must have min-width:0 so the
       grid track doesn't expand to the iframe's intrinsic width;
     - then the iframe + anchor are forced to 100% of their grid cell. */
.top-slider-main .slider-box1,
.top-slider-main .slider-box2,
.top-slider-main .slider-box3 {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.top-slider-main .weatherwidget-io {
    display: block;
    width: 100%;
    max-width: 100%;
}

.top-slider-main iframe,
.top-slider-main .weatherwidget-io-frame {
    max-width: 100% !important;
    width: 100% !important;
}

/* (3) Header banner image clipped on the right because the flex container
   keeps it inline with the logo. Add the missing max-width on every
   viewport and stack the two children below 600px. */
#header_image {
    max-width: 100%;
    height: auto;
}

@media only screen and (max-width: 600px) {
    #header_container {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
    }
    #header_container > a,
    #header_container > div {
        flex: 0 0 auto;
        width: 100%;
    }
    #header_image {
        float: none;
        width: 100%;
        height: auto;
    }
}

/* (4) ON AIR / WEBCAM banner: at <=630px now_playing was collapsed to
   20px tall, so the current-track text rendered invisibly. Restore
   enough height for the song title to be legible. */
@media only screen and (max-width: 630px) {
    #now_playing {
        height: 40px;
        padding-bottom: 0;
    }
}

/* (2) Admin-edited article body (HEADLINES, HISTORY, ROCK INFO, items
   detail page). SPAW2 editor stamps <img width="..." align="right">
   inline, and WordPress-imported content wraps images in
   .figwrap > .figureFeatured2 > .figureFeatured (floated right at
   250px in articlebody.css). On narrow screens this collapses
   surrounding text into a 1-2 word column. Below 600px, unfloat
   both the img and its wrappers and let them span the column. */
@media only screen and (max-width: 600px) {
    main section img[width],
    #history_content img,
    #rock_info img {
        float: none !important;
        display: block !important;
        margin: 10px auto !important;
        max-width: 100% !important;
        width: auto !important;
        height: auto !important;
        clear: both;
    }

    main .figwrap,
    main .figureFeatured,
    main .figureFeatured2,
    main .figwrap .figureFeatured2 .figureFeatured {
        float: none !important;
        width: auto !important;
        max-width: 100% !important;
        margin: 10px auto !important;
        clear: both;
    }
}