/*
Theme Name: Envano
Theme URI: http://www.envano.com
Author: Neal G
Author URI: http://www.nealgrosskpof.com
Description: 
Version: 1.0
*/

body { color: #444; }

#content { overflow: hidden; }

#blog-content
{
float: left;
width: 700px;
}

	#content h2 { margin-bottom: 7px; }

	h2#blog-title-single { margin-bottom: 20px; }

	#blog-content .post { overflow: hidden;	}

		#blog-content h3.blog-title
		{
		font-size: 1.5em;
		font-weight: normal;	
		}

		#blog-content .calendar
		{
		background: #777;
		font-size: 15px;
		float: left;
		margin: 2px 0px 0px 0px;
		width: 45px;	
		position: relative;
		}

		#blog-content .calendar:after
		{
		border-style: solid;
		border-width: 23px;
		background-color: #5a2d5b;
		border-color: #e5e5e5 #f5f7fb #f5f7fb #f5f7fb;
		content: "";
		display: block;
		bottom: -46px;
		right: 0px;
		position: absolute;
		height: 0px;
		width: 0px;
		}

			.month, .day
			{
			background: #e5e5e5;
			display: block;
			font-family: Georgia,"Times New Roman",Times,serif;
			font-weight: normal;
			letter-spacing: -1px;
			text-align: center;		
			}

			.month
			{		
			line-height: 15px;
			padding-top: 7px;
			text-transform: uppercase;
			}

			.day
			{
			font-size: 28px;
			font-style: italic;
			line-height: 30px;
			margin-top: 0px;
			}	

		.blog-post-content
		{
		float: left;
		margin-left: 20px;
		width: 635px;
		}

			#blog-content ul,
			#blog-content ol,
			#blog-content p,			
			#blog-content h3,
			#blog-content h4,
			#blog-content h5,			
			#blog-content blockquote
			{
			margin-bottom: 18px;
			margin-top: 18px;
			}

			#content .blog-post-content p:first-of-type { margin-top: 0px; }

			.blog-excerpt-image
			{
			float: right;
			max-width: 200px;
			max-height: 125px;
			margin: 0px 0px 0px 15px;
			}
	
			.blog-more .more { float: right; }

			.frame
			{			
			background: #fff;
			border: 1px solid;
			border-color: #aaa #ddd;
			padding: 5px;
			}

		.content-left, .alignleft
		{
		float: left;
		margin: 0px 15px 15px 0px;
		}

		.content-right, .alignright
		{
		float: right;
		margin: 0px 0px 15px 15px;
		}


#comments { }

	#comments ol
	{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}

		#comments ol li { overflow: hidden; }

			.comment-aside
			{
			float: left;
			width: 10%;
			}

			.comment-content
			{
			float: right;
			width: 85%;
			}
			
				.avatar { }
				.comment-author { }
				.comment-status { }
				.comment-date  { }
				.comment-copy {}

#blog-content .form label { font-weight: normal; }

ul.page-numbers
{
list-style-type: none;
margin: 0px;
padding: 0px;
overflow: auto;
}

	ul.page-numbers li
	{
	float: left;
	margin-right: 8px;
	}

		#content ul.page-numbers li a,
		#content ul.page-numbers li span
		{
		font-family: Arial, Helvetica, sans-serif;
		display: block;	
		font-weight: bold;
		line-height: 2.6em;
		min-height: 31px;
		padding: 0px 10px;
		}

		#content ul.page-numbers li a
		{
		background: #e5e5e5;
		color: #444;
		-moz-transition: background-color .2s linear;
		transition: background-color .2s linear;
		}

		#content ul.page-numbers li span
		{
		background: #777;
		color: #fff;
		}

		.generatedcontent #content ul.page-numbers li a.next,
		.generatedcontent #content ul.page-numbers li a.prev
		{ position: relative; }

		.generatedcontent #content ul.page-numbers li a.next { padding-right: 5px; }

		.generatedcontent #content ul.page-numbers li a.prev
		{
		margin-left: 15px;
		padding-left: 5px;
		}

		.generatedcontent #content ul.page-numbers li a.next:after,
		.generatedcontent #content ul.page-numbers li a.prev:before
		{
		border-style: solid;
		border-width: 15px;
		content: "";
		display: block;
		top: 0px;
		height: 0px;
		width: 0px;
		position: absolute;
		-moz-transition: border-color .2s linear;
		transition: border-color .2s linear;
		}

		.generatedcontent #content ul.page-numbers li a.next:after
		{
		border-color: #f5f7fb #f5f7fb #f5f7fb #e5e5e5;
		right: -30px;
		}

		.generatedcontent #content ul.page-numbers li a.prev:before
		{
		border-color: #f5f7fb #e5e5e5 #f5f7fb #f5f7fb;
		left: -30px;
		}

		.generatedcontent #content ul.page-numbers li:hover a { background-color: #ccc; }

		.generatedcontent #content ul.page-numbers li:hover a.prev:before { border-color: #f5f7fb #ccc #f5f7fb #f5f7fb; }
		.generatedcontent #content ul.page-numbers li:hover a.next:after { border-color: #f5f7fb #f5f7fb #f5f7fb #ccc; }

#blog-aside
{
float: right;
width: 200px;
}

#blog-aside .hr { display: none; }

	#blog-aside-content, #blog-aside-content ul
	{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}

	#blog-aside-content ul { margin: 0px 0px 30px 0px; }

	#content #blog-aside-content h3
	{
	color: #222;
	font-family: 'MuseoSans';
	font-weight: normal;
	text-transform: uppercase;	
	}

		#blog-aside-content ul li { margin: 5px 0px 0px 2px; }

			#blog-sidebar-tags a { line-height: 30px; }

#blog-qr { display: none; }

@media print {

#blog-content,
#content .calendar,
.blog-post-content
{
float: none !important;
width: auto !important;
}

#commentform,
#blog-aside,
.page-numbers,
.blog-more
{ display: none; }

#blog-qr { display: block; }

/* Copied from  @media (max-width: 360px)  */
.blog-post-content  { margin-left: 0px; }

#content .calendar { margin: 1em 0em; }

	#content .calendar span
	{
	display: inline;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	line-height: 18px;
	margin-top: 0px;
	text-align: left;
	text-transform: none;
	}

	#content .calendar,
	#content .calendar span,
	#content .calendar:after
	{ background-color: transparent; }

	#content .calendar:after { border-width: 0px; }

}

@media (max-width: 960px) {

#blog-content { width: 70%; }
#blog-aside { width: 26%; }

#blog-content .post { overflow: hidden; }

	#content .calendar { min-width: 45px; }

	.blog-post-content { width: 80%; }

	#blog-content img
	{
	height: auto;
	max-width: 100%;
	}

}

@media (max-width: 600px) {

#blog-content,
#blog-aside
{
float: none;
width: 100%;
}

#blog-aside .hr { display: block; }

}

@media (max-width: 360px) {

.blog-post-content  { margin-left: 0px; }

#content .calendar,
.blog-post-content
{
float: none;
width: auto;
}

#content .calendar { margin: 1em 0em; }

	#content .calendar span
	{
	display: inline;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	line-height: 18px;
	margin-top: 0px;
	text-align: left;
	text-transform: none;
	}

	#content .calendar,
	#content .calendar span,
	#content .calendar:after
	{ background-color: transparent; }

	#content .calendar:after { border-width: 0px; }
}