body{
	padding:0; margin:0; text-decoration:none;
}
 
.top_bar{
	width:100%;
	height: 60px;
	z-index:20;
	background-color:white;
	opacity:95%;
	padding:0;
	top:0;
	left:0;
} 
 
.top_bar ul li {
	display:inline-block;
	float:right;
	top:0;
	padding-top:0;	
}
 
 
.top_bar ul li img{
	margin: 0 4px;
	margin-top:0;
	padding-top:0;
}

#icons{

}

.icons{
	display: visible;
	position:fixed;
	width: 60px;
	margin:0;
	padding:0;
	padding-top: 55px;
	padding-left: 15px;
}

.icons ul li{
	float: left;
	margin:0;
	padding:0; 
}

.icons ul{
	margin:0;
	padding:0; 
}

.icons img{
	margin:0;
	padding:0;
	float:left;
}


 
#titlelogo{
	float:left;
	margin-top: 5px;
	left:0;
}
 
#signin{
	float:right;
	display: inline-block;
	height: 60px;
	width: 9%;
	margin-top:0px;
	margin-right:0;
}

.none{
	
}
 
.content{
	width:82%;
	margin:0px 9% 0 9%;
	padding:0 0;
}
 
header{
	width:auto;
	height:140px;
}
 
header img{
	float:left;
	height:200px;
	width:auto;
	margin-top:3%;
	padding-left:0;
	margin-left:0;
}
 
header h1{
	display:block;
	float:left;
	padding-left: 1%;
	padding-top:5%;
	color:black;
	text-decoration:none;
 
}
 
nav{
	display:none;
	width:70%;
	clear:both;
	float:left;
	padding:0;
	margin:0;
	overflow:visible;
}
 
nav ul{
	width:100%;
	padding-left:0;
	float:left;

}
 
nav ul a li{
	line-height:150%;
	list-style-type:none;
	color:black;
	float:left;
	border: solid black 1px;
	padding: 0 8.5%;
	background-color: #293239;
	color: white;
}
 
 
.main{
	width: 70%;
	float:left;
	display:block;
	padding:0;
	margin:0;
	margin-top:0%;
	clear:both;
}

article{
	display:block;
	padding:0;
}

 /* Feed Side Bar */

aside{
	width:26%;
	margin: 0 0 0 4%;
	float:left;
	display:block;
	padding:0;
	background-color: #e8e9e8;
	margin-top: 3%;
	text-decoration: none;
}

.articles{
 border-top: black solid 1px;
 text-decoration: none;
}
 
aside ul li img{
	height:100px;
	width:auto;
}
 
aside ul li{
	text-align:center;
	list-style-type:none;
}

.feed_top_bar{
	background-color: #293239;
	width: 60%;
	height: 25px;
	border: black solid 1px;
	top: 0;
	float: right;
}

.feed_top_bar a{
	text-decoration:none;
}

.feed_top_bar h2{
	top: 0;
	padding: 0;
	margin:0;
	text-decoration: none;
	color: white;
	
}

.feed_bottom_bar{
	width: 100%;
}

.feed_bottom_bar ul{
	width:87%;
	padding: 1% 8% 0% 4%;
	text-decoration:none;
	list-style-type:none;
	padding-bottom: 0;
	margin:0;
}

.feed_bottom_bar li{
	margin:0;
	width: 100%;
	bottom: 0;
}

.aside_feeds{
	clear:both;
	height:40px;
	width: 100%;
	margin: 0 10% 0% 10%;
	list-style-type: none;
	color: black;
	border-bottom: black solid 1px;
	vertical-align: bottom;
	padding-top: 0.5%; 
	margin:0; 
	overflow: hidden;
}

.aside_feeds img{
	float:right;
	display:block;
	padding-top: 3%;
	
}

.articles a{
	text-decoration:none;
}
 
/* Feed Side Bar End*/ 

/* Most Popular */

.most_popular_aside{
	width:22%;
	margin: 0 0 0 3%;
	float:left;
	display:block;
	padding:0;
	margin-top: 3%;
	border-top: black solid 1px;
}

.popular_top_bar{
	background-color: #293239;
	width: 80%;
	height: 25px;
	border: black solid 1px;
	top: 0;
	float: right;
	margin-bottom: 2%;
}

.popular_top_bar a{
	text-decoration:none;
}

.popular_top_bar h2{
	top: 0;
	padding: 0;
	margin:0;
	color: black;
	color: white;
}

.most_popular_articles{
	clear:both;
	height:100px;
	list-style-type: none;
	color: black;
	border: black solid 1px;
	vertical-align: bottom;
	padding-top: 0.5%; 
	margin:0; 
	overflow: hidden;
}

.most_popular_articles h4{
	margin-left: 5px;
	margin-top: 40px;
}

.most_popular_articles a{
	text-decoration:none;
}



/* End Most Popular */
 
.menu{
	border:solid black 1px;
	position:fixed;
	top: 15px;
	left: 15px;
	padding: 0 1px;
	width:95px;
	z-index:21;
	background-color:white;
	opacity: 0.7;
}
 
.menu img{
	height:28px;
	padding:0;
	margin:0;
	width:auto;
	float:left;
	display:block;
	padding-left:0;
}
 
.menu h3{
	display:block;
	float:left;
	padding:0 2px;
	margin:0;
	color:black;
	margin-top:5px;
	margin-left: 4px;
}
 
#side_nav{
	position: fixed;
	height:100%;
	width:30%;
	border: black solid 1px;
	left:-500px;
	top:0;
	background-color:#f8f9f9;
	opacity:1.0;
	z-index:35;
	border-radius:10px;
	transition:all 0.75s ease-in-out 0s;
}
 
#side_nav ul{
	width:90%;
	float:left;
	padding:0 5% 0 5%;
	padding-top:20%;
 
 
	}
 
#side_nav ul li{
	display:block;
	width:100%;
	text-align:left;
	border-bottom: black solid 1px;
	line-height:400%;
	float:left;
	text-decoration:none;
	color:black;
}
 
#side_nav img{
	margin-left:20%;
	margin-top:40px;
	width: 80%;
	text-align: center;
	height:auto;
}
 
#side_nav h1{
	margin-left: 16%;
}
 
.footer_menu img{
	height:100px;
	width:auto;
}
 
.footer_menu{
	float:right;
	bottom:0.5%;
	right:2%;
	display:block;
	position:fixed;
	transform: translateZ(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    -webkit-transform: translateZ(0);
    -webkit-font-smoothing: antialiased;
}
 
#footer_bar{
	float:left;
	position:fixed;
	width:100%;
	height:200px;
	z-index:5;
	opacity:1.0;
	bottom:-250px;
	transition:all 0.75s ease-in-out 0s;
}
 
.f_left{
	float:left;
	width:20%;
	float:left;
	background-color:#1b2126;
	bottom:0;
	height:200px;
}
 
.f_left h3{
	color:white;
}
 
.f_left ul li{
	color:white;
}
 
.f_right{
	background-color:#293239;
	width:80%;
	float:left;
	bottom:0;
	height:200px;
 
}
 
.fr{
	float:left;
	margin-left:5%;
	height:100%;
	margin-top:2%;
}
 
.fr h4{
	color:white;
}
 
.close1:hover,
.close1:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
 
#block{
	display:none;
}
 
.click_back img{
	display:block;
	height: 100px;
	width:auto;
}
 
.click_back{
	top:1%;
	right:2%;
	width:10%;
	height:100%;
	float:right;
}
 
/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
}
 
/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}
 
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
	transition-delay: 1s;
}
 
/* Image Slider */
 
.image_slider{
	margin-top: 1%;
	margin-bottom: 2%;
	width: 70%;
	float:left;
}
 
/* End Image Slider */
 
 
/* Recent Podcast Sidebar */ 

.recent{
	background-color:none;
	height:100%;
	float: left;
	margin-left: 2%;
	margin-top: 1%;
	width: 28%;
	padding: 0;
	border-top: black solid 1px;
}

.recent_top_bar{
	background-color: #293239;
	width: 60%;
	height: 25px;
	border: black solid 1px;
	top: 0;
}

.recent_top_bar h3{
	top: 0;
	padding: 0;
	margin:0;
	color:white;
}
	

.recent_bottom_bar{
	width: 100%;

}

.recent_bottom_bar ul{
	width:100%;
	text-decoration:none;
	list-style-type:none;
	padding-bottom: 0;
	margin:0;
	left:0;
	padding-left:0;
}

.recent_bottom_bar li{
	margin:0;
	width: 100%;
	bottom: 0;
	
}

.recent_podcast{
	height:75px;
	text-decoration: none;
	list-style-type: none;
	color: black;
	border-bottom: black solid 1px;
	padding:0;
	margin:0;
	overflow: hidden;
}

.recent_podcast h3{
	float:left; 
	display:block; 
	padding-top: 5%; 
	margin:0; 
	overflow: hidden;
	color: #7e9b14
}

.recent_podcast img{
	height:25px;
	width:auto; 
	float:right; 
	padding-top: 5%; 
	margin:0; 
	overflow: hidden;
}

.recent_podcast p{
	float:left; 
	clear:both; 
	padding:0; 
	margin:0;
}

.recent_podcast h3:hover{
	color: black;
}

/* Recent Podcast Sidebar End */
 
@media only screen and (min-width: 150px) and (max-width: 900px){
 
	.body{
		background-color: #f8f9f9;
	}
 
	.content{
		width:100%;
		padding:0;
		margin:0;
 
	}
 
	.menu{
		display:none;
	}
 
	nav{
		display:block;
		width:85%;
		clear:.slides;
		margin-top: 68%;
	}
 
	nav ul{
		width:90%;
		margin: 1% 5% 1% 5%;
	}
 
	nav ul li{
		width:100%;
		text-align:center;
		margin-top: 1%;
	}
 
	.main{
		width:90%;
		margin: 0 5%;
		padding:0;
	}
 
	aside{
		width:100%;
		margin-bottom: 0;
		margin-left:0;
	}
 
	aside img{
		float:left;
		margin: 0 1%;
		display:block;
	}
 
	.footer_menu{
		display:none
	}
 
	#footer_bar{
		display: block;
		position:relative;
		bottom:0;
		margin-top:0;
	}
 
	#footer_bar img{
		display:none;
	}
 
	.image_slider{
		width:100%;
	}
 
	.slides{
		width:96%;
		margin: 0 2%;
		height:auto;
		margin-top:60px;
	}
 
	.slides img{
		width:90%;
	}
 
	.slide{
		width:100%;
		height:auto;
		display: block;
	}
 
	.slide img{
		width:100%;
		height:auto;
	}
 
 
	#signin{
		margin-right:2%;
	}
 
	#titlelogo{
		left:-8%;
		position:fixed;
	}
 
	.recent{
		display:none;
		clear:both;
		width: 90%;
	}
 
	.recent img{
		display:none;
	}
	
	.recent_top_bar{
		display:block;
		width:100%;
	}
	
	.recent_bottom_bar{
		display:none;
	}
	
	.feed_top_bar{
		display:block;
		width:90%;
		margin: 0 5%;
		height: 50px;
		padding-top: 3%;
		padding-bottom: 0;
	}
	
	.feed_bottom_bar{
		display:none;
	}
	
	.articles{
		border-top:none;
	}
	
	aside{
		background-color:white;
	}
	
	.popular_top_bar{
		display:block;
		width: 90%;
		margin: 0 5%;
		border: black solid 1px;
		padding-left: 0;
		height: 50px;
		padding-top: 3%;
		padding-bottom: 0;
	}
	
	.popular_bottom_bar{
		display:none;
	}
	
	.most_popular_aside{
		width: 100%;
		padding-left: 0;
		margin-left: 0;
		margin-bottom: 5%;
		margin-top:1%;
		border-top: none;

	}
 
}