/*reset.css*/ 
body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, textarea, blockquote, th, td {
    margin: 0; padding: 0;
}
table {
    border-collapse: collapse; border-spacing: 0;
}
fieldset, img {
    border: 0;
}
address, caption, cite, code, dfn, em, th, var {
    font-style: normal; font-weight: normal;
}
ol, ul {
    list-style: none;
}
caption, th {
    text-align: left;
}
q:before, q:after {
    content: '';
}
abbr, acronym {
    border: 0;
}

/*fonts.css*/
table {
    font-size: inherit; font: 100%;
}
select, input, textarea {
    font: 99% arial, helvetica, clean, sans-serif;
}
pre, code {
    font: 115% monospace; /* Removed the *font-size:100%; as it's invalid */
}

html, body {
    margin: 0; padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    overflow: hidden; /* Hide scrollbars */
}

iframe {
    display: block;
    border: none; /* Reset default border */
    height: 100vh; /* Viewport-relative units */
    width: calc(100% + 17px);
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera, and Firefox */
}

body {
    background-image: url("/images/background.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center top;
    background-size: 100% 100%;
    overflow: hidden; /* Hide scrollbars */
}

img, div, #streamer, #content, #footer {
    behavior: url(https://cdn.kennyinteractivehosting.com/sites/sogrradi/css/iepngfix.htc);
}

img {
    border: 0;
}

p {
    margin: 0 0 10px 0;
    line-height: 18px;
}

.clear {
    clear: both;
}

#fw-sidebar {
    display: none;
}

#fw-bigcontain {
    width: 100% !important;
}

/*** BEGIN TOP BAR ****************************************/
#topBar {
    background: url(https://cdn.kennyinteractivehosting.com/sites/sogrradi/images/new_background_grey.jpg) repeat;
    height: 68px;
    width: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 99999;
}

#topBar #stationLogo {
    float: left;
    display: inline;
    margin-left: 18px;
    width: 630px;
}

#topBar #share {
    float: left;
    display: inline;
    margin: 24px 0 0 18px;
    width: 350px;
}

#topBar #club {
    float: left;
    display: inline;
    width: 606px;
    font-size: 10px;
    margin-top: 8px;
}

#topBar #club input.textField {
    height: 20px;
    width: 150px;
    overflow: hidden;
    line-height: 20px;
    font-size: 10px;
    color: #333;
}

#topBar #club input {
    float: left;
    display: inline;
    margin: 7px 10px 0 0;
}

#topBar #club a {
    color: #b7b7b7;
}
/*** END TOP BAR ****************************************/

#mainContent {
    width: 730px;
    overflow: hidden;
    margin: 18px;
    z-index: 10;
}

#streamer {
    background: url(https://cdn.kennyinteractivehosting.com/sites/sogrradi/images/streamerBG.png) no-repeat;
    width: 730px;
    height: 343px;
    overflow: hidden;
    margin-bottom: 10px;
    padding: 0;
    position: relative;
}

#streamer #btnListen {
    position: absolute;
    top: 148px;
    left: 160px;
}

#content {
    background: url(https://cdn.kennyinteractivehosting.com/sites/sogrradi/images/contentBG3.png) no-repeat;
    width: 1010px;
    height: 443px;
    overflow: hidden;
    margin-bottom: 10px;
    padding: 10px;
}

.titleBar {
    background: url(https://cdn.kennyinteractivehosting.com/sites/sogrradi/images/titlebarBG.gif) no-repeat;
    height: 30px;
    width: 100%;
    line-height: 23px;
    margin-bottom: 5px;
}

.titleBar h3 {
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    margin: 0 0 0 10px;
    padding: 0;
}

.titleBar2 {
    background: url(https://cdn.kennyinteractivehosting.com/sites/sogrradi/images/titlebarBG2.png) no-repeat;
    height: 30px;
    width: 100%;
    line-height: 23px;
    margin-bottom: 5px;
}

.titleBar2 h3 {
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    margin: 0 0 0 10px;
    padding: 0;
}

/*** BEGIN AUDIO PLAYER ****************************************/
.audio-player,
.audio-player div,
.audio-player h1,
.audio-player h3,
.audio-player a,
.audio-player img,
.audio-player span,
.audio-player button {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

div.audio-player {
	position: relative;
	width: 500px;
	height: 500px;
	opacity: .7;
	
	background: #F5D049;
	background: -webkit-linear-gradient(top, #000000 0%, #F5D049 100%);
	background: -moz-linear-gradient(top, #000000 0%, #F5D049 100%);
	background: -o-linear-gradient(top, #000000 0%, #F5D049 100%);
	background: -ms-linear-gradient(top, #000000 0%, #F5D049 100%);
	background: linear-gradient(top, #000000 0%, #F5D049 100%);

	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}

/* Artist */
.audio-player h1 {
	position: absolute;
	top: 11px;
	left: 200px;
        height: 50px;

	font-family: "WalcottGothic", Verdana, Tahoma;
	font-weight: bold;
	font-size: 20px;
	color: #ececec;
	text-shadow: 1px 1px 1px rgba(0,0,0, .5);
}

/* Title */
.audio-player { margin: auto;}

.audio-player h3 {
	position: absolute;
	top: 31px;
	left: 200px;

	font-family: "WalcottGothic", Verdana, Tahoma;
	font-weight: bold;
	font-size: 26px;
	color: #ececec;
	text-shadow: 1px 1px 1px rgba(0,0,0, .5);
}

.audio-player h2 {
	position: absolute;
	top: 80px;
	left: 100px;

	font-family: "WalcottGothic", Verdana, Tahoma;
	font-weight: bold;
	font-size: 14px;
	color: #ececec;
	text-shadow: 1px 1px 1px rgba(0,0,0, .5);
}

 .link {
	position: absolute;
	top: 12px;
	left: 300px;

}

/* Buttons */
.mejs-controls .mejs-button button {
	cursor: pointer;
	display: block;
	position: absolute;
	text-indent: -9999px;
}

/* Play & Pause */
.mejs-controls .mejs-play button,
.mejs-controls .mejs-pause button {
	width: 21px;
	height: 21px;
	top: 10px;
	left: 103px;
	background: transparent url(https://cdn.kennyinteractivehosting.com/sites/sogrradi/images/play-pause-pop.png) 0 0;
}

.mejs-controls .mejs-pause button { background-position:0 -21px; }

/* Mute & Unmute */
.mejs-controls .mejs-mute button,
.mejs-controls .mejs-unmute button {
	width: 14px;
	height: 12px;
	top: 75px;
	left: 180px;
 background: transparent url(https://cdn.kennyinteractivehosting.com/sites/sogrradi/images/mute-unmute.png) 0 0;
}

.mejs-controls .mejs-unmute button { background-position: 0 -12px; }

/* Volume Slider */
.mejs-controls div.mejs-horizontal-volume-slider {
	position: absolute;
	top: 75px;
	left: 200px;
	cursor: pointer;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	width: 192px;
	height: 8px;
	background: #212227;

	-webkit-box-shadow: inset 0px 1px 0px rgba(0,0,0, .3), 0px 1px 0px rgba(255,255,255, .25);
	-moz-box-shadow: inset 0px 1px 0px rgba(0,0,0, .3), 0px 1px 0px rgba(255,255,255, .25);
	box-shadow: inset 0px 1px 0px rgba(0,0,0, .3), 0px 1px 0px rgba(255,255,255, .25);

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	position: absolute;
	width: 0;
	height: 6px;
	top: 1px;
	left: 1px;
	background: url(https://cdn.kennyinteractivehosting.com/sites/sogrradi/images/volume-bar.gif) repeat-x;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

/* Progress Slider */
.mejs-controls div.mejs-time-rail { width: 400px; }

.mejs-controls .mejs-time-rail span {
	position: absolute;
	display: block;
	width: 400px;
	height: 5px;
	left: 0;
	bottom: 0;
	cursor: pointer;
	
	-webkit-border-radius: 0px 0px 2px 2px;
	-moz-border-radius: 0px 0px 2px 2px;
	border-radius: 0px 0px 2px 2px;
}

.mejs-controls .mejs-time-rail .mejs-time-total { background: #999999; }

.mejs-controls .mejs-time-rail .mejs-time-loaded {
	width: 0;
	background: #cccccc;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
	width: 0;
	background: #64b44c;
}

/* Volume Slider & Progress Bar Handle */
.mejs-controls .mejs-time-rail .mejs-time-handle,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
	position: absolute;
	display: block;
	width: 12px;
	height: 14px;
	top: -4px;
	background: url(https://cdn.kennyinteractivehosting.com/sites/sogrradi/images/handle.png) no-repeat;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { top: -2px; }

/* Time Float Box */
.mejs-controls .mejs-time-rail .mejs-time-float {
	position: absolute;
	display: none;
	width: 33px;
	height: 23px;
	top: -26px;
	margin-left: -17px;
	background: url(https://cdn.kennyinteractivehosting.com/sites/sogrradi/images/time-box.png);
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
	width: 10px;
	display: block;
	left: 0;
	top: 4px;

	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	text-align: center;
} .audio-player:hover, audio:focus, audio:active
{-webkit-box-shadow: 15px 15px 15px rgba(0,0, 0, 0.4); -moz-box-shadow: 15px 15px 15px rgba(0,0, 0, 0.4); box-shadow: 15px 15px 15px rgba(0,0, 0, 0.4); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);} .audio-player {width: 300px; height: 50px; background-color: #333333; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -o-transition:all 0.5s linear; transition:all 0.5s linear; -moz-box-shadow: 2px 2px 4px 0px #000000; -webkit-box-shadow:  2px 2px 4px 0px #000000; box-shadow: 2px 2px 4px 0px #000000; -moz-border-radius:7px 7px 7px 7px ; -webkit-border-radius:7px 7px 7px 7px ; border-radius:7px 7px 7px 7px ;}


a {
    color: #000000;
    text-decoration: none;
}

a:hover 
{
     color:#00A0C6; 
     text-decoration:none; 
     cursor:pointer;  
}

div #creditfooter{ display: none; } 

.feed {
    position:absolute;
    top:50px;
    margin-left:25px;
}



div.feedburnerFeedBlock { 
font-family:verdana;
font-size:12px;
text-overflow: ellipsis;
}       

div.feedburnerFeedBlock ul {
margin-left:0;
padding-left:0;
list-style-type: none
}

div.feedburnerFeedBlock ul ul {
list-style-type: disc;
}

div.feedburnerFeedBlock ul ol {
list-style-type: decimal;
}

ul {
line-height: 2em;
list-style-position: outside;
list-style-image: url(https://cdn.kennyinteractivehosting.com/sites/sogrradi/images/arrow.gif);
list-style-type: square;
padding: 6px;
margin: 2px;
}


.feed {
    -o-text-overflow: ellipsis;
    text-overflow:    ellipsis;
    white-space:nowrap;
    overflow:hidden;
    width: 440px;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* HatNav */
#hatNav {box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.13);-webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.13);-moz-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.13);padding: 0;width: 100%;height: 45px;background: white;position: fixed;bottom: 0;left: 0;z-index: 50;border-bottom: 1px solid #EEE;opacity: 0.9;	}
#hatNav .navigation { width:1000px;margin:0 auto; }
#hatNav .navigation ul.hat-nav {margin:0;padding:0;}
#hatNav .navigation ul.hat-nav li {float: left;font-weight: bold;position: relative;height: auto;border: 0;list-style:none;}
#hatNav .navigation ul.hat-nav li a {display: block;float: left;font-size: 14px;font-weight: normal;color: #666;text-decoration: none;padding: 12px 15px;text-transform: uppercase;line-height: 17px;text-shadow: none;}
#hatNav .navigation ul.hat-nav li a:hover {color: #333;background: transparent;border: 0;}
#hatNav .navigation ul.hat-nav li .listenLive {float: right;padding: 13px 10px 13px 0;margin-left: -10px;}
#hatNav .navigation ul.hat-nav li .listenLive a {font-size: 10px;background-color: #eee;padding: 2px 4px;color: #666;	line-height: 12px;}
#hatNav .navigation ul.hat-nav li .listenLive a:hover {background-color: #547B9C;padding: 2px 4px;color: white;}

/* Font */
@font-face {
    font-family: 'WalcottGothic';
    src: url('/fonts/WalcottGothic.ttf') format('truetype');
}
h4 { 
    font-family: "WalcottGothic", Verdana, Tahoma;
}
p { 
    font-family: "WalcottGothic", Verdana, Tahoma;
}
span { 
    font-family: "WalcottGothic", Verdana, Tahoma;
}

/*** END AUDIO PLAYER ****************************************/