html{
	height: 100%;
}

body{
	background: #41555F;
	color: #000;
	margin: 1px;
	padding: 0px;
}

.cont{
	margin: auto 0px;
	margin-top: 0px;
	background: #576972;
	border: 1px solid #2D3E48;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.contB{
	width: auto;
	border: 1px solid #829096;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.contC{
	width: auto;
	border: 1px solid #6D7C84;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.inner_container{
	width: auto;
	margin: 10px 5px 5px 5px;
	border: 1px solid #192832;
	background: #2D485A;
	border-radius: 10px;
	-moz-border-radius: 10px;
	clear: both;
	font-size: 12px;
	font-family: sans-serif;	
}


.inner_container .title a{
	height: 25px;
	line-height: 25px;
	text-indent: 12px;
	font-size: 10px;
	color: #FFF;
	font-family: verdana;
}

.inner_container_B{
	width: auto;
	border: 1px solid #192832;
	background: #192832;
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
}

.inner_container_B .title{
	height: 25px;
	line-height: 25px;
	text-indent: 11px;
	color: #FFF;
	font-family: verdana;
	font-size: 10px;	
}

.inner_container_C{
	width: auto;
	margin-top: 0px;
	border: 1px solid #FFF;
	background: #FFF;
	border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 10px;
	font-size: 1.1em;
	
}


.ba_top{
	<!-- height: 125px; -->
}

.ba_logo{
	float: left;
}

.ba_nav{
	float: right;
	padding: 5px;
	margin-top: 40px;
	font-family: verdana, sans-serif;
}

.ba_nav ul{
	list-style: none;
}

.ba_nav ul li{
	display: inline;
	font-size: 12px;
}

.ba_nav ul li a{
	color: #FFF;
	padding: 5px;
	font-size: 13px;
}

.ba_nav_ul li a:hover{
	text-decoration: none !important;
	border-bottom: 1px solid #FFF;
}

.ba_nav ul li a .txt{
	font-style: normal;
}

.ba_top_mini{
	float: right;
	position: relative;
	right: 8px;
	top: 5px;
	color: #FFF;
	font-size: 10px;
	font-family: verdana;	
}

.ba_top_mini a{
	color: #FFF;
}

.ba_top_mini .icon{
	font-size: 1.0em;
}

<!-- .ba_nav_label -->
<!-- { -->
	<!-- color: #FFF; -->
<!-- } -->


.center{
	text-align: center;
}


.ba_left{
	width: 49%;
	float: left;
	clear: none;
	padding: 0.5%;
}

.ba_right{
	width: 49%;
	float: left;
	clear: none;
	padding: 0.5%;
}

.ba_left_with_nav{
	width: 19%;
	min-width: 200px;
	float: left;
	clear: none;
	padding: 0.5%;
}

.ba_right_with_nav{
	width: 79%;
	float: left;
	clear: none;
	padding: 0.5%;
}

.single{
	max-width: 1400px;
	margin: 0 auto;
}


.latestposts{
	width: 100%;
}

.latest_topics p{
	margin-bottom: 0;
}


@media screen and (max-width: 650px) {

	.cont{
		margin: auto 0px;
	}
	
	.inner_container{
		margin: 10px 0px 0px 0px;
	}

	.inner_container_C{
		padding-left: 4px;
		padding-right: 4px;
	}
	
	.ba_nav ul li a .txt{
		/*display: none;*/
	}
	
	.ba_left, .ba_right, .ba_left_with_nav, .ba_right_with_nav{
		display: block;
		float: none;
		width: 100%;
	}
	
	

}



/* Change the max width to 1213px for left aligned logo and right aligned nav in desktop mode */
@media screen and (max-width: 4213px) {

	.ba_logo{
		width: 100%;
		text-align: center;
	}
	
	.ba_nav{
		width: 100%;
		text-align: center;
		margin-top: 0px;
	}
	
	.ba_nav ul li a{
		color: #FFF;
		padding: 8px;
		vertical-align: middle;
	}	
	
	.ba_nav ul li a .icon{
		font-size: 1.4em;
	}


	
}