/*
Theme Name: PlayMag - Child Theme
Theme URI: http://wpcurve.com
Author: WPCurve
Author URI: http://wpcurve.com
Description: PlayMag is a modern, responsive Magazine WordPress theme that combines both form and function into one comprehensive website. It is perfect for all kinds of online magazines, classic news websites, professional blogs and other editorial related projects.
Version: 1.0
Template: playmag
*/
#bio-container {
	float:left;
	width:100%;	
	border-bottom: medium solid #1682bf;
	padding-bottom: 20px;
}
#bio-text {
}
#table-third {
	float:left;
	width:30%;	
}
#table-third img {
	float: left;
	width: 100%;
	height: auto;
	margin-top: 20px;
}
#table-container {
	float:left;
	width:94%;	
	background-color: #ffda18;
	padding: 3%;
}
#table-row {
	float:left;
	width:100%;	
	border-bottom: solid thin #1682bf;
	padding-top: 3px;
	padding-bottom: 3px;
}
.table-row-bottom {
	float:left;
	width:100%;	
	padding-top: 3px;
	padding-bottom: 3px;
}
#table-row-left {
	float:left;
	width:40%;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 700;
	color: #1682bf;
	padding-right: 10%;	
}
#table-row-right {
	float:left;
	width: 50%;	
	font-size: 13px;
	color: #1682bf;	
}
#bio-third {
	float:left;
	width:68%;
	margin-left:2%;	
}
.bio-image-center {
	float:left;
	width:100%;
}
.bio-image-center img{
	float: left;
	width: 100%;
	height: auto;
	padding-bottom: 10px;
}
.bio-image-left {
	float:left;
	width:48%;
	padding-right: 2%;	
}
.bio-image-left img{
	float: left;
	width: 100%;
	height: auto;
	padding-bottom: 10px;
}
.bio-image-right {
	float:left;
	width:48%;	
	padding-left: 2%;
}
.bio-image-right img{
	float: left;
	width: 100%;
	height: auto;
	padding-bottom: 10px;
}
.bio_text h4 {
	font-family: Titillium Web;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 16px;
	margin-bottom: 0px;
}
.bio_text p {
	margin-top: 0px;
	margin-bottom: 20px;
}
#charnav-container {
	float:left;
	width:100%;
	border-bottom: medium solid #1682bf;
	padding-top: 20px;
	padding-bottom: 20px;	
}
/* Mobile Friendly Divs */
@media only screen and (max-width: 768px){
#table-third {
	float:left;
	width: 100%;
}
#table-third img {
	display: none;
}
#bio-third {
	float:left;
	width:98%;	
	margin:2%;
}
}