<!DOCTYPE html>
<html>
	<head>
		<title>101.9 WKRP</title>
		
		<!-- metas -->
		<meta charset="utf-8">
		<meta name="keywords" content="WKRP 101 101.9 Oak City Media Raleigh North Carolina">
		<meta name="description" content="101.9 WKRP is a low power FM radio station owned and operated by Oak City Media, Inc., a 501(c)(3) non-profit corporation in Raleigh, North Carolina.">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
		<!--/ metas -->
		
		<!-- styles -->
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
		<link rel="stylesheet" href="css/owl.carousel.css">
		<link rel="stylesheet" href="css/main.css">
        <link href="https://file.myfontastic.com/n6vo44Re5QaWo8oCKShBs7/icons.css" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="js/slick/slick/slick.css"/>
		<!--/ styles -->
	</head>
	
	<body>
		<!-- page -->
		<div class="page">
			
			<!-- page header -->
			<header class="page-header">
				
				<!-- page header top -->
				<div class="page-header-top">
					
					<div class="grid-cont">
						<div class="grid-row">
							<div class="grid-col grid-col-12">							
								<!-- secondary nav -->
								<nav class="secondary-nav">
									<ul id="soc-nav-include">
										
									</ul>
								</nav>
								<!--/ secondary nav -->
							</div>
						</div>
					</div>
					
				</div>
				<!-- page header top -->
				
				<!-- page header middle -->
				<div class="page-header-middle">
					
					<div class="grid-cont">
						<div class="grid-row">
							<div class="grid-col grid-col-2">
								<!-- logo -->
								<a href="index.html" class="logo"></a>
								<!--/ logo -->
							</div>
							
							<div class="grid-col grid-col-7">
								<!-- main nav -->
								<nav id="main-nav" class="main-nav">
									<a href="#" class="switcher"><i class="fa fa-bars"></i></a>
                                    <ul id="nav-include">
										
									</ul>
								</nav>
								<!--/ main nav -->
							</div>
							
							<div class="grid-col grid-col-3">
								<!-- merchandise / listen live -->
								<nav id="icon-nav">
                                	<ul id="icon-nav-include">
										
									</ul>
                                </nav>
								<!--/ search -->
							</div>
						</div>
					</div>					
				</div>
				<div></div>
				<!-- page header middle -->
				
				<!-- page header bottom -->
				<div class="page-header-bottom">
					
					<div class="grid-cont">
						<!-- on air -->
						<div class="on-air">
							<div class="grid-row">
								<div class="grid-col grid-col-2">
									<p><strong class="on-air-now-label">On Air</strong></p>
								</div>
								
								<div class="grid-col grid-col-4">
									<p id="on-air-now"></p>
								</div>
                                
                                <div class="grid-col grid-col-2">
									<p><strong class="on-air-next-label">Next Hour</strong></p>
								</div>
								
								<div class="grid-col grid-col-4">
									<p id="on-air-next"></p>
								</div>
							</div>
						</div>
						<!--/ on air -->
					</div>
					
				</div>
				<!-- page header bottom -->
				
			</header>
			<!--/ page header -->
			
			<!-- page content -->
			<main class="page-content">
			
				<div class="grid-cont">
					<!-- top section -->
					<div class="top-section">
						<div class="grid-row">
							<div class="grid-col grid-col-8">
								<a>
									<img src="img/wkrp-mainstory-placeholder_770x370@2x.jpg" />
								</a>
							</div>
                            
                            <div class="grid-col grid-col-4">
                            	<div id="weather"></div>
							</div>
                            
                            <div class="grid-col grid-col-2">
								<a href="http://www.facebook.com/1019wkrp"><img src="img/facebook-box_170x170@2x.jpg" alt="Facebook" style="width:170px;height:170px;border:0"></a>
							</div>
                            
                            <div class="grid-col grid-col-2">
<a href="http://www.twitter.com/wkrpradio"><img src="img/twitter-box_170x170@2x.jpg" alt="Twitter" style="width:170px;height:170px;border:0"></a>
							</div>
                           
                            
							
						</div>
					</div>
					<!--/ top section -->
                    
                    <!-- carousel -->

                    <div class="carousels">
                        <div>
                    		<div id="programs">
                            	<div class="slick">
<div><a href="waywords.html"><img src="addedimages/carouselwaywords.png" alt="A Way With Words" /></a></div>
<div><a href="celtic.html"><img src="addedimages/carouselceltic.png" alt="Celtic Connections" /></a></div>
<div><a href="flo.html"><img src="addedimages/carouselflo.png" alt="For Lovers Only" /></a></div>
<div><a href="greathitsusa.html"><img src="addedimages/carouselgreathitsusa.png" alt="Greatest Hits USA" /></a></div>
<div><a href="programming.html"><img src="addedimages/carouseljukebox.png" alt="Jukebox Saturday Night" /></a></div>
<div><a href="mitm.html"><img src="addedimages/carouselmitm.png" alt="Music in the Morning" /></a></div>
<div><a href="rockabilly.html"><img src="addedimages/carouselrockabilly.png" alt="The Rockabilly N' Blues Radio Hour" /></a></div>
<div><a href="thatshow.html"><img src="addedimages/carouselthatshow2.png" alt="That Show with D.P. McIntire" /></a></div>
<div><a href="thatthing.html"><img src="addedimages/carouselthatthing.png" alt="That Thing with Rich Appel" /></a></div>
								</div>
                                <div class="clearfix"></div>
                        	</div>
						</div>
                    </div>     
                    
					<!--/ carousel -->
                    
                    <!-- bottom section -->
					<div class="bottom-section">
						<div class="grid-row">
							<div class="grid-col grid-col-4">
								<a href="listen.html">
									<img src="img/listen-live-box_370x240@2x.jpg" />
								</a>
							</div>
                            
                            <div class="grid-col grid-col-4">
								<a href="merchandise.html">
									<img src="img/get-gear-box_370x240@2x.jpg" />
								</a>
							</div>
                           
							<div class="grid-col grid-col-4">
								<a href="contact.html">
									<img src="img/get-in-touch-box_370x240@2x.jpg" />
								</a>
							</div>
						</div>
					</div>
					<!--/ bottom section -->
											
				</div>
			
			</main>
			<!--/ page content -->
			
			<!-- page footer -->
			<footer class="page-footer">
				<div class="grid-cont">
					<div class="grid-row">
						<!-- logo -->
                        <div class="grid-col grid-col-2">
							<div class="ftr-logo"><img src="img/wkrp-logo-ftr_240x240@2x.jpg" /></div>	
						</div>
                        <!-- /logo -->
                        
                        <!-- twitter -->
                        <div class="grid-col grid-col-1">&nbsp;</div>
                        <div class="grid-col grid-col-4">
							<div class="tweet"></div>
						</div>
                        <div class="grid-col grid-col-1">&nbsp;</div>
                        <!-- /twitter -->
                        
                        <!-- nav -->
                        <div id="ftr-nav-include">
                        
                        </div>
                        <!-- /nav -->
					</div>
				</div>
				
				<!-- copyrights -->
				<div id="copyright-include">
                
                </div>
				<!--/ copyrights -->
			</footer>
			<!--/ page footer -->
			
		</div>
		<!--/ page -->
		
		<!-- scripts -->
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
        <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
        <script src="js/owl.carousel.min.js"></script>
		<script src="js/jquery.validate.min.js"></script>
		<script src="js/jquery.form.min.js"></script>
		<script src="js/main.js"></script>
        <script src="js/jquery.simpleWeather.js"></script>
        <script src="js/weather.js"></script>
        <script src="js/on-air-schedule.js"></script>
        <script type="text/javascript" src="js/tweetie/tweetie.js"></script>
        <script type="text/javascript" src="js/slick/slick/slick.min.js"></script>
        <script src="https://use.typekit.net/ldr7srs.js"></script>
		<script>try{Typekit.load({ async: true });}catch(e){}</script>
        <script type="text/javascript" src="js/common.js"></script>
        <script type="text/javascript" src="js/includes.js"></script>
		<!--/ scripts -->
	</body>
<script>'undefined'=== typeof _trfq || (window._trfq = []);'undefined'=== typeof _trfd && (window._trfd=[]),_trfd.push({'tccl.baseHost':'secureserver.net'}),_trfd.push({'ap':'cpsh'},{'server':'p3plcpnl0258'}) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support.</script><script src='https://img1.wsimg.com/tcc/tcc_l.combined.1.0.6.min.js'></script></html>