body
{
    background-color: black;
}

#logo
{
    margin: 10px 0 20px 0;
}

.button.radius.round.flat
{
    background-color: #aaa;
    color: white;
}

/* ------------------------------------- */
/* SEARCH ------------------------------- */
/* ------------------------------------- */
.search
{
    background: transparent;
    border: none;
}

.search input[type="text"]
{
    width: 180px;
	border: none;
	margin-top: 1px;
	float: left;
	font-size: 11px;
	height: 23px;
    padding: 6px 4px 6px 4px;
    background-color: #616161;
    color: white;
}

.search input[type="image"]
{
    margin-top: 5px;
    margin-left: 5px;
    float: right;
    padding: 0;
}

header .search
{
    float: right;
    clear: right;
    margin-top: 35px;
}

header .search input[type="text"]
{
    width: 158px;
}

.search input[type="text"]
{
    background-color: white;
    color: black;
    border: 1px solid #ccc;
    height: 23px;
}
.search input[type="image"]
{
    float: left;
}

/* ------------------------------------- */
/* NAVIGATION -------------------------- */
/* ------------------------------------- */
.tab-bar
{
    height: 105px;
    background-color: black;
    margin-bottom: 15px;
}


.top-bar
{
    background-color: black;
    height: 105px;
    margin-bottom: 20px;
}


.top-bar-section li:not(.has-form) a:not(.button),
.top-bar-section .has-form
{
    background-color: black;
    line-height: 10px;
    padding: 90px 0 0 0;
    border: 10px solid black;
    border-width: 0 10px;
}

.top-bar-section ul li
{
    background-color: black;
}

.top-bar-section ul li >a:link,
.top-bar-section ul li >a:visited
{
	color: #606060;
    font-size: 18px;
    font-weight: 400;
}

.top-bar-section li:not(.has-form) a:hover:not(.button)
{
    color: white;
    background-color: transparent;
}

.top-bar-section li.current:not(.has-form) a:not(.button)
{
   background: transparent 0 55px url('../images/kmhd/nav_highlight.png') no-repeat;
   color: white;
}

.top-bar-section ul li > a#listen,
.top-bar-section ul li > a#contribute
{
    font-size: 18px;
    padding: 8px;
    margin-top: 78px;
    border: none;
}

.top-bar-section ul li > a#contribute
{
    margin-bottom: 25px;
    padding: 15px;
    margin-top: 0;
}

.top-bar-section ul li.has-form
{
    padding-top: 10px;
    border-right: 0;
}

/* ------------------------------------- */
/* SUBNAV ------------------------------ */
/* ------------------------------------- */
nav#sub
{
    background-color: #838181;
}

nav#sub ul
{
    margin-bottom: 0;
    padding: 0;
}

nav#sub ul li
{
    padding: 4px 0;
    float: left;
}

nav#sub ul li a:link,
nav#sub ul li a:visited
{
    text-decoration: none;
	display: block;
	border-right: 1px solid white;
    color: white;
    padding: 3px 13px;
    font-size: 12px;
}

nav#sub ul li a:hover,
nav#sub ul li a:active,
nav#sub ul li.current a:link,
nav#sub ul li.current a:visited
{
    color: #ffe414;
}

nav#sub ul li:last-child a:link,
nav#sub ul li:last-child a:visited
{
	border-right: 0px solid white;
}

/* ------------------------------------- */
/* LISTEN ------------------------------ */
/* ------------------------------------- */
.round_btn
{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;

    display: block;

}

#listen,
#listen:link,
#listen:visited
{
    background-color: #ffe414;
    color: #373737;
    float: left;
    font-weight: bold;
    margin-top: 20px;
}

#listen:hover,
#listen:active
{
    background-color: #fded73;
    cursor: pointer;
}

#listen i
{
    color: #a98a02;
}

/* ------------------------------------- */
/* CONTRIBUTE -------------------------- */
/* ------------------------------------- */
#contribute,
#contribute:link,
#contribute:visited
{
    color: white;
    background-color: #f00;
    float: right;
    width: auto;
    margin-top: 10px;
    font-weight: bold;
}

#contribute:hover,
#contribute:active
{
    background-color: #a70303;
}

#contribute strong
{
    color: black;
}


/* ------------------------------------- */
/* CONTENT ----------------------------- */
/* ------------------------------------- */
#content
{
    background-color: black;
    border: none;
    /*margin-top: 15px;*/
}

#content .row
{
    background-color: white;
}

#content .row:first-child
{
    border-top: 20px solid #373737;
}

#content #left_col .row:first-child
{
    border-top: none;
}

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

.img-wrapper
{
    background-color: #eaeaea;
    max-width: 100% !important;
}

/* ------------------------------------- */
/* FOOTER ------------------------------ */
/* ------------------------------------- */
footer
{
    background: black;
    margin-top: 0;
}

footer .search
{
    float: right;
}

footer .search input[type="text"]
{
    background-color: white;
    color: black;
    height: 23px;
    padding-top: 3px;
    font-size: 11px;
}

footer .search input[type="image"]
{
    margin-top: 1px;
}

footer ul li:first-of-type
{
    color: #9f9e9e;
}

footer ul.small
{
    float: right;
    margin-right: 10px;
}

footer #kmhd_copyright
{
    float: right;
}

footer #kmhd_copyright a:link,
footer #kmhd_copyright a:visited
{
    color: #ffe414;
    margin: 0;
}

footer #kmhd_copyright a:hover,
footer #kmhd_copyright a:active
{
    text-decoration: underline;
}

/* ------------------------------------- */
/* TEXT -------------------------------- */
/* ------------------------------------- */
.social
{
    margin-top: -10px;
    margin-bottom: 5px;
    width: 100%;
    text-align: right;
}

.social a:link i,
.social a:visited i,
.social i,
.social a:link,
.social a:visited
{
    color: #9a9898;
    text-align: right;
    margin-left: 5px;
}

.social a:link i,
.social a:visited i,
.social i
{
    font-size: 1.3em;
}

.social a:hover i,
.social a:active i
{
    color: #9f7d00;
}

header h5,
header h5 a:link,
header h5 a:visited,
header h5 em,
header h5 em a:link,
header h5 em a:visited,
 header h5,
 header h5 a:link,
 header h5 a:visited,
a:link,
a:visited
{
    color: #9f7d00;
}

header h5 a:hover,
header h5 a:active,
header h5 em a:hover,
header h5 em a:active,
 header h5 a:hover,
 header h5 a:active,
a:hover,
a:active
{
    color: #d5a802;
}

.feature .info h1 a:hover,
.feature .info h1 a:active
{
    color: #FFE414;
}

h5 strong
{
    color: #9f7d00;
}

h5.green,
.story-list h5,
.story-list h5 a:link,
.story-list h5 a:visited
{
    color: #a98a02;
}

header.special_topic.title div
{
    border: none;
}

h1
{
    font-size: 35px;
}

h2,
h2.green
{
    background: #545454;
    color: white;
}

.box
{
    border: none;
}

h6 a:hover, h6 a:active,
h1 a:hover, h1 a:active
{
   color: #9f7d00;
}

.story-list h5 em
{
    color: #666;
}

div.tags a:hover,
div.tags a:active
{
    color: black;
}

/* ------------------------------------- */
/* DISPLAYS ---------------------------- */
/* ------------------------------------- */
.feature .slider-nav a:hover,
.feature .slider-nav a:active,
.feature .slider-nav a.current,
a.feature-more
{
    color: #ffe414;
}

/* ------------------------------------- */
/* DATE PICKER ------------------------- */
/* ------------------------------------- */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
    color: #999;
}

.ui-widget-content .ui-state-highlight
{
    background-color: #666;
    border-color: #666;
    color: white;
}

.ui-widget-content .ui-state-hover
{
    color: black;
    background-color: #aaa;
    border-color: #aaa;
}

.ui-datepicker-header.ui-widget-header .ui-state-hover
{
    background-color: transparent;
}

.ui-datepicker-header.ui-widget-header .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url("/static/chrome/ui-icons_yellow.png"); !important
}

.ui-datepicker-header.ui-widget-header .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url("/static/chrome/ui-icons_yellow.png"); !important
}

/* ------------------------------------- */
/* SCHEDULE ---------------------------- */
/* ------------------------------------- */
.slot_col .marker a:link,
.slot_col .marker a:visited
{
    color: #ffdd00;!important
}

.slot_col .marker a:hover,
.slot_col .marker a:active
{
    color: white;!important
}

div.slideshow-holder div.slideshow-titlebar h3
{
    background-color: black;
}

.clearing-container
{
    background-color: rgba(0,0,0,0.98);
}

.clearing-container p.clearing-caption
{
    color: white;
}

.clearing-caption
{
    background-color: rgba(0,0,0,0.7);
}

#sponsor-big-responsive-location,
#sponsor-big-default-location {
    display: block;
    text-align: center;
    margin: 0 auto;
}

#persistent-content,
#persistent-player-content,
#persistent-streams-list
{
    background: #252626 !important;
}

/* ------------------------------------- */
/* MOBILE ------------------------------ */
/* ------------------------------------- */

@media all and (max-width: 960px) {
    #sponsor-small-default-location
    {
        margin-bottom: 40px;
    }

    .top-bar #logo
    {
        display: block;
        width: 40px;
        height: 40px;
        margin-left: 10px;
    }

    .top-bar .contribute-mobile
    {
        top: -10px;
        height: 35px;
        box-shadow: none;
    }

    .top-bar  .contribute-mobile:hover,
    .top-bar  .contribute-mobile:active
    {
        text-decoration: none;
    }

    .tab-bar,
    .top-bar
    {
        height: 50px;
    }

    .toggle-topbar
    {
        display: none;
    }

    .top-bar .name
    {
        background-color: transparent;
        border-top: none;
    }

    .right-off-canvas-toggle
    {
        margin-top: 7px;
    }

    .right-off-canvas-menu
    {
        background-color: black;
    }

    .right-off-canvas-menu .search input[type="text"]
    {
        float: left;
        width: 80%;
        margin-top: 2px;
        height: 23px;
    }

    .right-off-canvas-menu .search input[type="image"]
    {
        margin-top: 2px;
    }

    footer
    {
        margin-top: 0;
    }

    footer ul
    {
        margin: 10px 0 0 0;
    }

    footer ul li:first-of-type
    {
        line-height: 2em;
    }

    .top-bar
    {
        height: 60px;
    }

    .top-bar .name
    {
        height:60px;
        margin-left: 10px;
    }


    .top-bar .title-area .name img
    {
        max-width: 55px;
        width: 100%;
    }

    .top-bar.expanded .title-area,
    .top-bar-section ul
    {
        background-color: black;
    }

    .top-bar-section .has-form
    {
        margin-top: 35px;
    }

    .top-bar-section li:not(.has-form) a:not(.button), .top-bar-section .has-form
    {
        padding: 10px;
    }

    .top-bar-section li.current:not(.has-form) a:not(.button)
    {
        background: transparent;
    }

    .top-bar-section ul li > a#listen,
    .top-bar-section ul li > a#contribute
    {
        margin: 0;
    }

    .top-bar-section ul li > a#contribute
    {
        float: left;
        margin-top: 0;
        margin-bottom: 10px;
    }

    .top-bar-section ul li > a#listen
    {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .top-bar-section li:not(.has-form) a:not(.button), .top-bar-section .has-form
    {
        padding-bottom: 10px;
        background-color: black;
    }


    .search input[type="image"]
    {
        float: left;
        margin-top: 1px;
    }

    .search
    {
        clear: left;
    }

    footer ul.small
    {
        float: left;
        padding: 0 15px;
    }

}

@media all and (max-width: 750px) {
    #right_col .social
    {
        display: none;
    }




}