@charset "UTF-8";
/* CSS Document */

body {
	margin:0px;
	padding:0px;
	font-family:v, sans-serif;
	background-color: #1C1C1C;
	background-size: 100%;
	color: #000305;
	font-size: 14px; /* Base font size*/
	font-style:normal;
	font-weight:normal;
	text-align: left;	
}
 h1, h2, h3 {
	  font-weight:normal;
	  }
p  { 
    font-size:120%;
    line-height:1.4;
	font-weight:lighter;
  }

h1 {
	font-size:230%;
	line-height:1.2em;
	text-align: center;
}
h2 {
	font-size:200%;
	line-height:1em;
}

h3 {
	font-size:150%;
}

a, a:link, a:active, a:hover {
	text-decoration:none;
	background-color:none;
	color:inherit;
}

a, a:link, a:active {
	color: #e77917; 
}

.body {
    text-align: left;
    clear: both;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1%;
	width: 80%;
	
}

.mainHeader .logo {
	width: 25%;
	height:auto;
	margin: 0% auto;
	float:left;
}
.mainHeader h2 {
	float:right;
	text-align:right;
	color:#fff;
}
.mainHeader h2 span{
	color:#e77917;
	letter-spacing:2px;
	line-height:2em;
}

.mainHeader nav {
    background-color: #666;
	margin:1% 0 2% 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

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

.mainHeader nav ul {
	list-style: none;
	margin: 0 auto;
	color: #fff;
	height: 36px;	
	overflow:hidden;
	-webkit-transition: max-height 0.4s;
	-ms-transition: max-height 0.4s;
	-moz-transition: max-height 0.4s;
	-otransition: max-height 0.4s;	
}

.mainHeader nav ul li {
	display: inline-block;	
}
.mainHeader nav ul li:hover, .mainHeader nav .active a:link, .mainHeader nav .active a:visited {
	background-color:#e77917;
	text-shadow:none;	
}
.mainHeader nav ul li:hover:nth-last-child(1),.mainHeader nav ul li:hover:nth-last-child(2) {
  background:none;
}
 .social {
	float:right;
	width: 5%;
	height:auto;
}
.last {
	margin:0 4% 0 0;
}
  .social img {
    height:24px;
	width:24px;
	margin-top:-5px;
	
  }
.mainContent {
	line-height: 2em;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.content {
	width:60%;
	float: left;
	border-radius: 2px;
	-moz-border-radius: 2px;
	 -o-border-radius: 2px;
	-webkit-border-radius: 2px;
}

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

.post-info {
	font-style: italic;
	color: #999;
	font-size: 85%;
}

.top-sidebar, .middle-sidebar, .bottom-sidebar, .last-sidebar
{
	width: 31%;
	float: right;
	line-height: 1.5em;
	background-color: #FAFFF1;
	border-radius: 2px;
	-moz-border-radius: 2px;
	 -o-border-radius: 2px;
	-webkit-border-radius: 2px;
	margin: 0 0 2% 3%;
	padding: 1% 3%;
}
 .sidebarimg {
		float:right;
		margin:0 0 0px 5px;
	}
.middle-sidebar, .last-sidebar   {
	background-color: #fff;
}
#mainContent ul {
padding : 10px 0 10px 0;
margin : 0;
line-height : 90%;
font-size : 1.5em;
}
#mainContent ul li {
margin : 0 0 10px 20px;
padding : 1px 0 1px 0;
text-align : left;
}
.sectionimg {
padding : 0;
float : right;
margin : 65px 0 0 10px;
}
.mainFooter {
	width: 100%;
	height: 50px;
	float:left;
	margin-top:2%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	 -o-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #666;
}

.mainFooter p {
    color: #fff;
	text-align: center;
	width: 92%;
	padding-left: 0.8% ;
	padding-right: 0.2%;
	padding-bottom: 0;
	padding-top: 0;
	font-size:80%;
    line-height:none;

}
.handle{
	width: 100%;
	background:#666;
	text-align:left;
	box-sizing: border-box;
	cursor: pointer;
	color:white;
	padding: 8px 25px;
	display:none;
	margin-top:2px;
	}
.clearBoth{
	clear:both;
	}

@media only screen and (min-width: 150px) and (max-width: 875px), (orientation : portrait) 
{	
	.body {
		width: 90%;
		font-size: 95%;
	}
	
	.mainHeader .logo {
		width: 30%;
		display: fixed;
		margin: 0 35% 2% 35%;
	}
	
 .mainHeader h2 {
	width: 100%;
	float: none;
	text-align: center;
	clear: both;
    }
	 h1 {
	font-size:190%;
  }
  h2 {
	font-size:150%;
  }

  h3 {
	font-size:140%;
  }
	.mainHeader nav ul {
		padding-left: 0px;
		max-height:0px;
		height: auto;	
	}
		
	.showing{
		max-height:215px !important;
	}

	.mainHeader nav ul li {
		box-size: border-box;
		width: 100%;
		margin: 0 auto;
		text-align:left;
	}
	.mainHeader nav a, .mainHeader nav a:link, .mainHeader nav .active a:visited  {
		/*height:0px;*/
		display: block;	
 	}
	.bottomcontent {
		display: none;	
	}
	.sectionimg {
		display:none;
}
	
	.handle{ 
		display:block;
		border-radius: 5px;
	   -moz-border-radius: 5px;
	   -o-border-radius: 5px;
	   -webkit-border-radius: 5px;	
	}
	
	.content {
		width:100%;
		float: left;
	}
	.post-info {
		display:none;
	}

	.topcontent, .bottomcontent {
		float: left;
		width: 90%;
		padding: 1% 5%;
	}
	
	.top-sidebar, .middle-sidebar, .bottom-sidebar, .last-sidebar {
		padding: 1% 5%;
		margin-top: 1%;
		margin-bottom:1%;
		margin-left: 0%;
		width: 90%;
		float: left;
	}

	.top-sidebar {
		margin-top: 2%;	
	}