/* CSS Document */
/*
COLORS:
#004056 - episode link color
#0099FF - navigation link color
*/

.audiojs{
  width:410px;
}

body {
	font-family: Arial;
	background: #004056;
	/* green background: #228800; */
/*	background-image: url("/?originalUrl=https%3A%2F%2Fwpkn.streamrewind.com%2Fimg%2Fbeta.png");*/
	height: 100%;
	}
#container {
	margin: 0 auto;
	width: 850px;
	/*border-top: 1px solid #444;*/
	}
h1, h2 {margin: 0; padding: 0;}
p {
	margin-top: 0.8em;
	padding: 0;
	line-height: 1.4em;
	font-size: 0.8em;
	}
/*strong {color: #004056; font-weight: normal;}*/


.error { color: #880000;}

/*
a:link, a:visited {
	color: #004056;
	text-decoration: none;
	
	}
a:hover {text-decoration: none;}
*/

#header {
	background-color: #004056;
	margin: 0px;
	}
#header h1 {
	width: 850px;
	height: 189px;
	text-indent: -999px;
	/*background: url("/?originalUrl=https%3A%2F%2Fwpkn.streamrewind.com%2Fbanners%2F7.png") no-repeat;*/
	}
#header h1 a {
	display: block;
	width: 100%;
	height: 100%;
	}
	
#subnav-right {
	border-top: 1px solid #353535;
	border-bottom: 1px solid #353535;
	width:100%;
	background: black;
	float:right;
	margin-bottom:15px;
	margin-top: -15px;
	}
#subnav-right ul {
	float:right;
	font-size:0.8em;
	list-style-type:none;
	margin:5px 0;
	padding:0;
	width:500px;
}
#subnav-right li {display: inline; float: right;}
#subnav-right li a:link, #subnav-right li a:visited {
	text-decoration: none;
	color: #09f;
	padding: 5px;
	text-transform: lowercase;
	}
#subnav-right li a:hover {
	background: #000;
	color: #09f;
	text-decoration: underline;
	}	
#subnav-right li a#active {
	color: #004056;
	border-bottom: 1px solid #807e7e;
	border-top: 1px solid #807e7e;
	}	

	
#subnav {
	border-top: 1px solid #353535;
	border-bottom: 1px solid #353535;
	width:100%;
	background: black;
	float:left;
	margin-bottom:15px;
	margin-top: -15px;
	}
#subnav ul {
	float:left;
	font-size:0.8em;
	list-style-type:none;
	margin:5px 0;
	padding:0;
	width:600px;
}
.subnav_label{
	color: orange;
	display: inline;
	padding: 0 0 0 12px;
}
#subnav li {display: inline;}
#subnav li a:link, #subnav li a:visited {
	text-decoration: none;
	color: #09f;
	padding: 5px;
	text-transform: lowercase;
	}
#subnav li a:hover {
	background: #000;
	color: #09f;
	text-decoration: underline;
	}	
#subnav li a#active {
	color: #004056;
	border-bottom: 1px solid #807e7e;
	border-top: 1px solid #807e7e;
	}
	
#nav {
	border-top: 1px solid #353535;
	border-bottom: 1px solid #353535;
	width:100%;
	background: black;
	float:left;
	margin-bottom:15px;
	}
#nav ul {
	padding: .6em 0;
	margin: 0;
	list-style-type: none;
	width: 550px;
	font-size: 0.8em;
	float:left;
	}
#nav li {display: inline;}
#nav li a:link, #nav li a:visited {
	text-decoration: none;
	color: #09f;
	padding: .6em 1em;
	text-transform: uppercase;
	}
#nav li a:hover {
	background: #000;
	color: #09f;
	border-bottom: 1px solid #807e7e;
	border-top: 1px solid #807e7e;
	}	
#nav li a#active {
	color: #004056;
	border-bottom: 1px solid #807e7e;
	border-top: 1px solid #807e7e;
	}
#content {
    width: 100%;
    overflow: hidden;
    float: left;
	}

/*
#content h2 {
	letter-spacing: -1px;
	font-weight: normal;
	font-size: 1.2em; 
	}
*/
	
.fieldset{
	width: 827px;
	padding: 0.7em;
	background:#EBEBEB url("/?originalUrl=https%3A%2F%2Fwpkn.streamrewind.com%2Fimg%2Fbg-boxfade.gif") repeat-x scroll left top;
	margin:auto;
	margin-bottom:15px;
	float: left;
}

.region {
    width: 100%;
    margin: 0 0 15px;
}

    .region_content{
	    padding: 5px;
	    background:#EBEBEB url("/?originalUrl=https%3A%2F%2Fwpkn.streamrewind.com%2Fimg%2Fbg-boxfade.gif") repeat-x scroll left top;
    }
    
    .region_4corners{
	    padding: 5px;
	    background:#EBEBEB url("/?originalUrl=https%3A%2F%2Fwpkn.streamrewind.com%2Fimg%2Fbg-boxfade.gif") repeat-x scroll left top;
    }   

    .region_content p{
        padding: 0 0 0 5px;
    }
    /*
    .episode_description .region_content p {
        padding: 0 20px;
    } */   
    /*
    .hostdetails .region_content p {
        padding: 0 20px;
    }
    */
    .region_4corners p{
        padding: 0 0 0 5px;
    }    
/*
    .region_content ul{
        margin: 0;
        padding: 0 0 0 15px;
    }
*/
.region_footer {
    clear: both;
}

/* fck editor shift*/
.fck_div {
    margin: 0 0 0 9px;
}

/* Episode Page */
    .episode_meta {
	    width: 200px;
	    height: 394px;
	    margin: 0 15px 20px 0;
	    float: left;
    }
    .episode_meta a {    
	    color: #004056;
	    text-decoration: none;
    }
    
    .episode_center_col {
        width: 420px;
        margin 0 15px 0 0;
        float: left;
    }
    .episode_listen {
	    width: 100%;
	    margin: 0 0 15px 0;
	    padding: 0;
	    float: left;
    }
    .episodelist li img {
        vertical-align: middle;
    }
    .episodelist li a {
        /*position: relative;
        left: 5px;*/
        vertical-align: middle;
    }
        
    .episode_description {
        width: 100%;
        margin: 0 0 15px 0;    
	    padding: 0;
	    float: left;
    }
    .related_episodes {
	    width: 200px;
	    margin: 0 0 15px 0;
	    float: right;
    }
    .episode_hosts {
	    width: 200px;
	    margin: 0 0 15px 0;
	    float: right;
    }    

.hostdetails {
    margin: 0 0 15px 15px;
	width: 650px;
	float: right;
}

    .hostdetails img {
	    float: left;
	    margin: 0 15px 5px 0;
    }

.hostepisodes {
	width: 185px;
	float: left;
	clear: left;
	padding: 0px;
	margin: 0 0 20px;
}

.hostshows {
	width: 185px;
	float: left;
	margin: 0 0 20px 0 ;	
}

h2.region_title {
    padding: 5px 5px 5px 10px;
    margin: 0;
    width: 175;
    background-color: black;

	letter-spacing: -1px;
	font-weight: normal;
	font-size: 1.2em; 
/*
    border-style:solid;
    border-width:1px 1px 0 1px;
    border-color: grey;
*/
    color: #EBEBEB;
}


.wpplayer {
	float: left;
	height: 24;
	padding: 6px 0 0 0;
}

.legend{
display:inline;
color: black;
	background: white;
	border: 1px solid #444;
	padding: 3px 10px;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: bold;
}
legend {
clear:both;
position: absolute;
top: -.9em;
left: .2em;
	color: black;
	background: white;
	border: 1px solid #444;
	padding: 3px 10px;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: bold;
	}
	
	/*
label {
	width: 110px;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
	color: #004056;
	}
*/
	
.submit {
	padding: 4px 10px;
	}
	/*
input {
	color: #black;
	background: #EBEBEB url("/?originalUrl=https%3A%2F%2Fwpkn.streamrewind.com%2Fimg%2Fbg-boxfade.gif") repeat-x scroll left top;;
	border: 1px solid #444;
	padding: .15em;
	margin: .15em;
	}
	*/

#searchform input{
	border: 1px solid #444;
}
	
input.btn {
}
/*
textarea {
	color: #black;
	background: #EBEBEB url("/?originalUrl=https%3A%2F%2Fwpkn.streamrewind.com%2Fimg%2Fbg-boxfade.gif") repeat-x scroll left top;;
	border: 1px solid #444;
	padding: .15em;
	}
	*/
select{
/*
	background: #EBEBEB url("/?originalUrl=https%3A%2F%2Fwpkn.streamrewind.com%2Fimg%2Fbg-boxfade.gif") repeat-x scroll left top;;
	*/
	color: #black;
}

.submit input {
	color: #000;
	background: #ffa20f;
	border: 1px outset #d7b9c9
	} 
.submit:focus {border: 1px solid #004056;}
option {width: auto;}
#footer {
	clear: both;
	border-top: 1px solid #4b4b4b;
	border-bottom: 1px solid #4b4b4b;
	background: #101010;
	margin-top:30px;
	}
#footer p {
	text-transform: uppercase;
	color: #888;
	margin: 0;
	padding: 5px 20px;
	}
	
#footer a:link,
#footer a:visited
{
	color: #09f;
}
#footer span{
    float: right;
}

/* Search Form */
#search {
        float: right;
        width: 240px;
        padding: 0;
        margin: 0;
        padding: 0;
        }
#search form {margin: .25em 0 0 0;}
#searchform input {
        font-weight: bold;
        margin: 0;
        width: 140px;
        }
#searchform input#searchsubmit {
        border: none;
        background: none;
        width: 71px;
        font-weight: normal;
        vertical-align: bottom;
        }
#searchform {margin-top: 1em;}
/* End Search Form */

.message{
padding:10px;
margin:auto;
color:#FFFFCB;
width:90%;
}
.error{
font-weight:bold;
}
.infoHeader{
font-weight:bold;
}

.episodelist {
    padding: 0 0 0 5px;
    margin: 0;
}
    .episodelist li {
        padding: 0px; 
        margin: 0 0 15px 0;
        list-style-type: none;         
    }

    .episodelist p.show_name {
        padding: 0px; 
        margin: 0px;
        text-indent: 0px;
        font-size:.7em;
        line-height: .7em;
        color: gray;
    }
        .episodelist p.show_name a {
            color: gray;
        }

    .episodelist a {
        font-weight: bold;
        font-size:.8em;
        line-height: 1.5em;
	    color: #004056;
	    text-decoration: none;        
    }

    .episodelist p.episode_time {
        padding: 0px; 
        margin: 0px;
        text-indent: 0px; 
        font-size:.7em;
        line-height: 1em;
    }

#djselect {}
    #djselect input.djbutton {
        width: 40px;
    }

    #djselect table {
        width: 100%;
    }

    #djselect select {
        width: 100%;
    }

    #djselect td.djlist {
        width: 40%;
    }

    #djselect td.djbuttons {
        width: 20%;
        text-align:center; /* for IE */
        align:center;    
    }

/* Bumpers*/
#enabled_label {
    display: inline;
}

a.bumper_link { 
    font-weight: bold;
    font-size:14px;
    line-height: 1.5em;
    color: #004056;
    text-decoration: none;     
}
a:hover.bumper_link { 
    text-decoration: underline;     
}

h2.bumper_header {
    font-size: 16px;
    margin: 10px 0 0 10px;
    color: #004056;
}

.bumper_check {
    vertical-align: top;
}

.bumper_check img {
    border-style: none;
}

.bumper_label {
    padding: 0 0 0 20px;

}

.bumper_label h2 {
    font-size: 14px;
    font-weight: bold;      
}

ul.bumper_list {
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0 0 0 20px;
}
    ul.bumper_list li {
        padding: 10px 0 10px 0;
        border-top: 1px solid black;
        width: 500px;
    }
    ul.bumper_list .bumper_player {
        //margin: 0 0 0 30px;
    }

    ul.bumper_list span {
        color: darkslategray;
        font-weight: bold;
        font-size: 12px;
    }
    
    ul.bumper_list img {
        margin: 10px 0 0 0;        
    }
    
    ul.bumper_list a {
        outline: none;
    }

    label.bumper_label {
        font-size: 16px;
        color: #444444;
        font-weight: bold;
    }
    p.bumper_description {
        margin: 5px 0 0 0;
        width: 400px;
        padding: 0;
    }

    .li_placeholder {
        padding:6px 5px 9px 9px;   
    }

/* Featured Shows, Episodes, Hosts*/
form.feature_form {
	display: inline;
	margin: 0 10px 0 0;
}

.bumper_description p {
    margin: 0 0 0 0;
}
ul.featured_list li {
    width: 300px !important;
}
    
/* Featured items on homepage */    
    .featured_items {
	    width: 185px;
	    margin: 0 0 15px 0;
	    float: right;
    }
    .featured_items h3 {
        margin: 0 0 0 3px;
        font-size: 14px;
    }
    ul.featured_list {
        margin: 0;
        padding: 0 0 0 10px;
    }
    ul.featured_list li{
        margin: 0 0 0 20px;
        list-style: square;
    }        
    ul.featured_list a {
        color: #004056;
        text-decoration: none;
        font-size: 13px;
    }
    ul.featured_list a:hover {
        text-decoration: underline;
    }    
/* Documentation */

.region_category {
    width: 200px;
    margin: 20px;
    float: left;
}

.region_category .region_content ul {
    margin: 0 0 0 0px;
    padding: 0 0 0 20px;
}

.region_category .region_content ul li {
    margin: 0 0 0 0px;
    padding: 0 0 0 0px;
}

.region_category .region_content ul li.numbered {
    list-style: none;
    margin: 0 0 0 -18px;
    padding: 0 0 0 0px;
}

.col {
    float: left;
    width: 28%;
}

#documentation {
    padding: 0 100px 0 40px;
}
    #documentation h1{
        font-size: 1.5em;
        font-weight: bold;
    }
    #documentation h2{
        font-size: 1.3em;
        font-weight: bold;
    }         
    
    #documentation #index {
        margin: 0 0 20px 0;
        padding: 0;
    }
        #documentation #index ul {
            list-style-type: none;
            margin: 0;
            padding: 10px;
        }    
        #documentation #index ul li {
            margin: 0;
            padding: 0;
        }
        #documentation #index ul li a {
            text-decoration: underline;
            color: blue;
        }    
        #documentation #index span {
            float: right;
        }
        #documentation #index span a {
            color: blue;
        }              
              
    #documentation #article {
        margin: 0;
        padding: 0;
    }
        #documentation #article ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }    
        #documentation #article ul li {
            margin: 0 0 40px 0;
            padding: 0;
	        line-height: 1.4em;
        	font-size: 12px;            
        }            
        #documentation #article span.help_nav {
            float: right;
        }
        #documentation #article span a {
            color: blue;
        }
        
    .article_list a {
	    color: #004056;
	    text-decoration: none;
    }

.fck_view {

}
    .fck_view ol {
        margin: 20px 0 0 0 !important;
    }        
    .fck_view ol li{
        margin: 0 100px 0 20px !important;
        padding: 0 !important;
    }            
    .fck_view ul {
        margin: 10px 0 0 0 !important;
        padding: 0 0 0 30px !important;
    }
    .fck_view ul li{
        margin: 0 100px 0 20px !important;
        padding: 0;
        list-style-type: disc;
    }           
    .fck_view p {
        margin: 0;
        padding: 10px 0 0 10px;            
        line-height: 1.4em;
	    font-size: 12px;                    
    }

/* Schedule */

#schedule {
	margin: 0 10px 10px 10px;	
	float: left;
	width: 830px;
}
.schedule_with_featured {
    width: 620px !important;
}
    #schedule .scheduleTimeZone {
	    width: 100%;
	    font-size: 1em;
	    font-weight:normal;
	    color: white;
	    text-align:right;
    }	

    #schedule h2 {
	    padding: 3px 3px 3px 10px;

	    border: none;
	    margin:0;

	    font-size: 1em;
	    font-weight: bold;
	    font-family: Verdana, sans-serif;

	    background: url("/?originalUrl=https%3A%2F%2Fwpkn.streamrewind.com%2Fimg%2Fh4-bg.jpg") repeat-x top left;
    }
    #schedule #bottom {
	    height:20px;

	    width: 100%;
	    border: none;
	    margin:0;
	    
	    background: url("/?originalUrl=https%3A%2F%2Fwpkn.streamrewind.com%2Fimg%2Fh4-bg-flip.jpg") repeat-x bottom left;
    }
    
    #schedule table {
	    border-collapse: collapse;
	    table-layosquareut: fixed;
	    margin: 0px;
	    width: 100%;
    }

    #schedule tr {
	    background: #ebebeb url("/?originalUrl=https%3A%2F%2Fwpkn.streamrewind.com%2Fimg%2Fbg-boxfade.gif") repeat-x top left;
    }

    #schedule th {
	    margin: 0;
	    padding: 8px 0 8px 8px;
	    border: 1px solid #d8d8d8;
	    border-left: none;	
	    border-right: none;
	    text-align: left;
    }

    #schedule td {
	    margin: 0;
	    padding: 8px 0 8px;
	    border: 1px solid #d8d8d8;
	    border-left: none;
	    font-size: 1em;
    }
    
    #schedule .leftCol {
	    width: 90px;
    }

    #schedule .rightCol {
    }    
    
    #schedule td.sch_time {
        text-align: center;
        padding: 8px 0 8px 0;
    }    
    #schedule td.sch_show {
        text-align: left;
        padding: 8px 0 8px 15px;
    }    
    #schedule span.sch_date {
        display: block;
        font-size: 10px;
    }

    #schedule a:visited {	
	    font-weight: bold;
	    text-decoration: none;
	    color: #191919;
	    font-size: 1em;
    }

    #schedule a:link,
    #schedule a:visited {
	    color: #191919;
	    text-decoration: none;
	    font-weight: bold;
	    }
    #schedule a:hover {
	    color: #191919;
	    text-decoration: underline;
	    font-weight: bold;
	    }
    #schedule a:active {
	    color: #1a1a1a;
	    text-decoration: underline;
	    font-weight: bold;
	    }	    	    
	   
/* Classic Homepage */
    .episode_list a {
	    color: #004056;
	    text-decoration: none;	
    }

    .tag_list a {
	    color: #004056;
	    text-decoration: none;	
    }
	    
.success {
	color: green;
}