/*
	Theme Name: PC Media Support HTML5/CSS3 Layout
	Date: October 2013
	Description: Basic HTML5/CSS3 layout built on a responsive framework
	Version: 1.0
	Author: Christian Vasile
	Author URL: http://christianvasile.com
*/

body {
	background-image:url(../images/bg.png);
	color: #000305;
		font-size: 87.5%; /* Base font size is 14px */
	font-family: Arial, Helvetica, sans-serif, 'Lucida Sans Unicode';
	line-height: 1.5;
	text-align: left;
}

a {
	text-decoration: none;
}

a:link, a:visited {
	/*color:#283e2b;*/
	color:#2062f8;
	
}

a:hover, a:active {
	background-color:#2062f8;
	color:#fff;
	
}

.body {
	margin: 0 auto;
	width: 80%;
	clear:both;	
}

.mainHeader img {
	width:100%;
	height:auto;
	margin-top:2%;
		
}

.mainHeader nav {
	/*background-color: #666;*/
	/*background-color:#a1b4f8;*/
	background-color:#819af9;
	height:40px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.mainHeader nav ul {
	list-style:none;
	margin: 0 auto;
}

.mainHeader nav ul li {
	float:left;
	display:inline;
}

.mainHeader nav a:link, .mainHeader nav a:visited {
	color:#5a6784;
	display:inline-block;
	padding: 10px 25px;
	height: 20px;
	
}

.mainHeader nav a:hover, .mainHeader nav a:active,
.mainHeader nav .active a:link, .mainHeader nav .active a:visited {
	/*background-color:#cf5c3f;*/
	background-color:#2062f8;
	color:#fff;	
	text-shadow:none;
}


	
	

.mainHeader nav ul li a {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.mainContent {
	line-height: 25px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
}

.content {
	width: 70%;
	float:left;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.topcontent {
	background-color:#fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:3% 5%;
	margin-top:2%;
	
}

.bottomcontent {
	background-color:#fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:3% 5%;
	margin-top:2%;
}
.post-info {
	font-style:italic;
	color:#999;
	font-size:90%;
}
.top-sidebar {
	width: 21%;
	float: left;
	background-color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 1.5% 0% 2% 3%;
	padding: 2% 3%;
	color: #2062f8;
}




.middle-sidebar {
	width:21%;
	float:left;
	background-color:#fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left:3%;
	margin-bottom:2%;
	padding:2% 3%;
	
	
}

.bottom-sidebar {
	width:21%;
	float:left;
	background-color:#fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left:3%;
	margin-bottom:2%;
	padding:2% 3%;	
}

.mainFooter {
	width:100%;
	height:40px;
	float:left;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color:#666;
	margin:2% 0;
		
}

.mainFooter p {
	width:92%;
	margin:10px auto;
	color:#fff;
	
}

@media only screen and (min-width: 150px) and (max-width: 850px)
{
	.body {		
		width: 95%;
		font-size:95%;
	  }	
	.mainHeader img {
		/*display:none;*/
		width:100%;
			
	}
	
	
		
	.mainHeader nav {
	
	height:240px;
	
}

.mainHeader nav ul {
	padding-left:0;

}

.mainHeader nav ul li {
	width:100%;	
	text-align:center;
	
}


	.mainHeader nav a:link, .mainHeader nav a:visited {
		padding: 10px 25px;
		height: 20px;
		display:block;
	
}



	.content {
		
		width: 100%;
		float:left;
		margin-top:2%;	
}
	.post-info {
		display:none;
}

	.topcontent {
		background-color:#fff;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		padding:3% 5%;
		margin-top:2%;
		margin-bottom:3%;
	
}

	.bottomcontent {
		display:none;
		background-color:#fff;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	padding:3% 5%;
	margin-top:2%;
}	
.top-sidebar, .middle-sidebar, .bottom-sidebar {
	width:94%;
	float:left;	
	margin:2% 0% 2% 0%;	
	padding:2% 3%;
}



	
}