/*
Theme Name: Aakrosh
Author: Zulkar Naim
Author URI: http://www.zulkarnaim.info
Description: This is a Wordpress Responsive theme developed by ME using html5 and css3. It's fully functional for simple blogsite. There are two page layout in this theme. One is simple page with sidebar and another one is full width without sidebar. Easy navigation for home page and single post page.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, responsive-layout, right-sidebar, custom-background, custom-header
Text Domain: aakrosh
*/


body {
	background-color: #e3e3e3;
	background-image: url('');
	color: #000305;
	font-size: 87.5%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-shadow: 0px 0px 1px #333;
	line-height: 1.5;
	text-align:left;
}



a {
	text-decoration:none;
	text-shadow: none;
}

a:link, a:visited {
	color: #cf5c3f;
	
}

a:hover, a:active {
	color: #43ACD8;
}

#body {
	margin: 0 auto;
	width: 72%;
	clear: both;
}

ul {
	list-style-type:circle;
}

pre {
	padding: 0.5% 2%;
	background-color: #e9e9e9;
	max-height: 100px;
	border: 1px solid #d9d9d9;
	border-radius: 10px;
	overflow: auto;
	font-size:  120%;
	font-style: italic;
}

h1,
h2,
h3,
h4 {
	line-height: 30px;
}

h1 {
	font-size: 175%;
}

h2 {
	font-size: 150%;
}

h3 {
	font-size: 130%;
}

h4 {
	font-size: 120%;
}


.mainHead {
	margin: 2% 0;
}

.mainHead img {
	/*width: 40%;*/
	max-width:100%;
	height: auto;
}

.mainHead a, .mainHead a:link, .mainHead a:visited, .mainHead a:active {
	text-decoration:none;
}

.mainHead a:hover {
	background-color: transparent;
	opacity: 0.98;
	text-decoration:none;
}

.mainHead nav {
	 background-color: #666;
	 height: 40px;
	 border-radius: 5px;
	 font-size: 100%;
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
}

.mainHead nav ul {
	list-style: none;
	margin: 0 auto;
	padding-left: 20px;
}

.mainHead nav li {
	float: left;
	display: inline;
}

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

.mainHead nav a:hover,
.mainHead nav a:active,
.mainHead nav .active a:link,
.mainHead nav .active a:visited {
	background-color: #cf5c3f;
	/* background-color: #43acd8; */
}

.mainHead 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: 67%;
	float: left;
	display: inline-block;
}

.attachment-post-thumbnail {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	clear: both;
}

.full-width {
	width: 100%;
	float: left;
	display: inline-block;
}

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

.article 
{
	background-color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 2.5% 4%;
	margin: 2% 0;
	display: block;
}

.article p {
	position: relative;
	text-align: justify;
}

.entry-title a {
	text-shadow: 1px 1px 1px #333;
	color: #cf5c3f;
}

.entry-title a:link,
.entry-title a:visited {
	color: #cf5c3f;
}

.entry-title a:hover,
.entry-title a:active {
	color: #43acd8;
}

.page-title {
	text-align: center;
}

.attachment-thumbnail {
	float: left;
	margin: 0 5px 3px 0;
	display: block;
	position: relative;
}

.aligncenter {
	margin: 0 auto;
	display: block;
}

.postnav-left {
	float: left;
	width: 45%;
	padding: 1%;
	display: block;
	font-size: 80%;
	background: #fff;
	border-radius: 5px;
}

.postnav-right {
	float: right;
	width: 45%;
	padding: 1%;
	display: block;
	font-size: 80%;
	text-align:right;
	background: #fff;
	border-radius: 5px;
}

.sidebar {
	width: 28.65%;
	float: left;
	margin-left: 2.5%;
}

.sidebar article {
	width: 96%;
	background-color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 2% 5%;
	margin: 5% 0;
	display: inline-block;
}

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

.foot-left {
	width: 40%;
	display: block-inline;
	float: left;
}

.foot-right {
	width: 40%;
	display: block-inline;
	float: right;
}

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


@media only screen and (min-width: 150px) and (max-width: 600px) {
	.body {
		width: 90%;
		font-size: 95%;
	}

	.mainHead img {
		width: 100%;
	}

	.mainHead nav {
		 background-color: #666;
		 height: auto;
		 border-radius: 5px;
		 -moz-border-radius: 5px;
		 -webkit-border-radius: 5px;
	}

	.mainHead nav ul {
		padding-left: 0;
	}

	.mainHead nav li {
		text-align: center;
		width: 100%;
	}
	
	.mainHead nav ul li a {
		background-color: #666;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		display: block;
	}
	
	.mainHead nav a:link,
	.mainHead nav a:visited {
		/*background-color: #666;*/
		padding: 10px 25px;
		height: 20px;
		display:block;
	}

	.content {
		width: 100%;
		margin-top: 2%;
	}

/*	.attachment-thumbnail {
		margin: 0 auto;
		width: 70%;
		height: auto;
		clear: both;
	} */

	.article {
		margin: 4% 0;
	}
	
	.aligncenter {
		width: 95%;
		height: auto;
		clear: both;
	}
	
	.post-meta p {
		display: none;
	}
	
	.comment {
		width: 90%;
		height: auto;
		display: block;
	}
	
	.comment textarea {
		width: 95%;
	}
	
	.sidebar {
		width: 91%;
		float: left;
		padding: 0;
		margin-left: 0;
	}

	.sidebar article {
		width: 100%;
		margin: 2.5% 0;
	}
	
	.foot-left {
		width: 100%;
		float: left;
		font-size: 70%;
	}
	
	.foot-right {
		display: none;
	}
		
}

.alignCenter {
	margin: 0 auto;
	display: block;
	position: relative;
}

.clearfy {
	clear: both;
}


.alignleft {
	float: left;
	position: relative;
}

.alignright {
	float: right;
	position: relative;
}



.wp-caption {

}

.wp-caption-text  {

}

.sticky {

}

.gallery-caption {

}

.bypostauthor {

}

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}