/*------------------------------------------------------

CSS overview: 

	1. Reset
	2. Post
	3. Post Meta
	4. Post Category
	5. Post Single Entry
	6. Share
	7. Comments
	8. Comment Form
	9. Archive List
	10. Archive List
	11. Post List
	12. WP-Pagination
	
---------------------------------------------------------*/
/*--------------------------------------------------
				RESET
---------------------------------------------------*/
#sidebar {
	width: 200px;
	float: right;
}
.widget {
	display: block;
	margin-bottom: 30px;
}
.widget .title, #inner-content .title {
	font-size: 28px;
	line-height: 30px;
	font-weight: bold;
	color: #676767;
	letter-spacing: -2px;
}
#inner-content {
	width: 730px;
	float: left;
}
/*--------------------------------------------------
			POST 
---------------------------------------------------*/
.blog-holder {
	margin-left: -20px;
}
.blog-holder .post {
	margin: 0 0 20px 20px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);
	background-color: #f4f4f4;
	width:470px;
	overflow: hidden;
	float: left;
}
.post .post-img-holder {
	margin: 0;
	padding: 0;
}
.post .post-entry {
	padding: 25px;    
    margin: 0 0 20px;
}
/*--------------------------------------------------
				 POST META
---------------------------------------------------*/
.post-meta {
	width: 100%;
	margin:0;
	float:left;
	padding:0 0 10px 0;
}
.post-meta .title, .post-meta .title a {
	width: 79%;
	font-size: 28px;
	line-height: 30px;
	font-weight: bold;
	float: left;
	letter-spacing: -2px;
	color: #676767;
}
.post-meta .title a:hover {
	color: #657383;
}
.comment-date-wrap  {
	float: right;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.comment-date-wrap li {
	float: right;
	z-index: 9;
	height: 40px;
	width: 40px;
}
.comment-date-wrap a {
	width: 40px;
}
.comment-date-wrap li,.comment-date-wrap li a {
	text-transform: uppercase;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	margin-left: 1px;
	-webkit-transition:all 0.14s ease 0s; 
	-moz-transition:all 0.14s ease 0s; 
	-o-transition:all 0.14s ease 0s; 
}
.comment-date-wrap .text {
	background-color: #657383;
}
.comment-date-wrap .link {
	background: #707070;
}
.comment-date-wrap .link:hover  {
	background: #657383;
}
.comment-date-wrap span	{
	display: block;
}
.comment-date-wrap span.day, .comment-date-wrap a	{
	font-size: 20px;
	letter-spacing: -2px;
	margin-top: 7px;
}
.comment-date-wrap span.month	{
	font-size: 11px;
	line-height: 11px;
	text-transform: uppercase;
}
.comment-date-wrap a  {
	text-decoration: none;
	float: right;
	padding-top: 12px;
	margin-top: 0;
	letter-spacing: 0px;
}
.comment-date-wrap li.rounded {
	margin-left: -7px;
	-moz-border-radius: 79px;
	-webkit-border-radius:79px;
	border-radius:79px;
}
.comment-date-wrap li.rounded a  {
	font-size: 17px;
	letter-spacing: -1px;
}
/*--------------------------------------------------
				 POST CATEGORY
---------------------------------------------------*/
.post-category {
	padding-top: 10px;
	font-size:11px;
	text-transform:uppercase;
	font-weight: bold;
	display: block;
}
.post-category p {
	margin: 0 0 0 0;
}
.post-category .left {
	float: left;
	width: 80%;
}
.post-category .right {
	float: right;
	text-align: right;
}
/*--------------------------------------------------
		POST SINGLE ENTRY
---------------------------------------------------*/
.post-single .entry {
	margin-bottom: 60px;
}
.post-single .post {
	width: 500px;
	float: right;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);
	background-color: #f4f4f4;
}
.post-single .post-entry {
    margin: 0;
}
.post-single .post-widget {
	width: 200px;
	text-align: right;
	float: left;
}
.post-widget .post-meta {
	width: 100%;
}
.post-widget .title {
	width: 100%;
	font-size: 28px;
	line-height: 30px;
}
/*--------------------------------------------------
		SHARE
---------------------------------------------------*/
ul.share{
	overflow: hidden;
	margin: 0;
	padding: 0;
	padding-top: 25px;
	list-style-type:none;
	border-top: 1px dotted #ccc;
}
ul.share li {
	float:left;
	width:80px;
}
ul.share li.twitter {
	width:120px;
}
/**************************************************
					COMMENTS
---------------------------------------------------*/
#comment-list {
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
}
#comment-list li {
	padding-top: 10px;
	position: relative;
}
#comment-list .comment-meta {
	width: 200px;
	text-align: right;
	position: absolute;
	left: 0px;
	top: 10px;
}
#comment-list .comment-author, #comment-list .comment-author a {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
}
#comment-list .date {
    display: block;
    font-size: 11px;
    font-style: normal;
}
#comment-list .avatar {
	float: left;
}
#comment-list .avatar img {
	width: 50px;
	height: 50px;
}
#comment-list .comment-wrap {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);
	background-color: #f4f4f4;
	padding: 15px;
	margin-left: 230px;
	overflow: hidden;
}
#comment-list .comment-wrap p {
	padding: 0 0 0 65px;
}
#comment-list .reply {
	display: block;
}
#comment-list .reply a {
	font-size:10px;
	line-height: 15px;
	margin: 0px;
}
#comment-list ul.children {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#comment-list ul.children li .comment-wrap {
	margin-left: 270px;
	background-color: #657383;
	color: #fff;
}
#comment-list ul.children li li .comment-wrap {margin-left: 310px;}
#comment-list ul.children li li li .comment-wrap {margin-left: 350px;}
#comment-list ul.children li li li li .comment-wrap {margin-left: 390px;}
#comment-list ul.children li li li li li .comment-wrap {margin-left: 430px;}
#comment-list ul.children li li li li li li .comment-wrap {margin-left: 470px;}
/*--------------------------------------------------
				  COMMENT FORM
---------------------------------------------------*/
.comment-form-wrapper {
	width: 500px;
	float: right;
}
#comment-form.form input.submit {
	width: 130px;
}
/*--------------------------------------------------
				 ARCHIVE LIST
---------------------------------------------------*/
.archive-list {
	margin: -18px 0 18px 0;
	overflow: hidden;
}
.archive-list div {
	display: none;
	background-color: #f4f4f4;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);
	width:90%;
	overflow: hidden;
	padding: 5%;
}
.archive-list ul {
	width:30%;
	float:left;
	margin: 0;
	list-style-type:none;
	padding: 0 5% 0 0;
}
.archive-list ul.last {
	padding-right: 0;
}
.archive-list ul li {
	display: block;
}
.archive-list ul li strong {
	color: #707070;
	display: block;
	margin:0 5px 5px 5px;
	padding:0 0 5px 0 ;
	border-bottom: 2px solid #707070;
}
.archive-list ul li a {
	color: #707070;
	padding: 0 5px;
	margin-bottom: 5px;
	font-size: 12px;
	display: block;
	position: relative;
}
.archive-list ul li a:hover {	
	color: #fff;
	background-color: #657383;   
	-moz-border-radius: 20px;
	-webkit-border-radius:20px;
	border-radius:20px;
}
.archive-list ul li a span {
	font-size: 11px;
	position: absolute;
	top: 0px;
	right: 5px;
}
/*--------------------------------------------------
				  ARCHIVE TAGS
---------------------------------------------------*/
.tags a {	
	text-decoration: none;
	text-transform: uppercase;
	font-size:11px;
	font-weight: bold;
	line-height: 16px;
	padding:0 6px;
	color: #fff;
	background-color: #657383;   
	-moz-border-radius: 20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	float: left;    
	margin: 0 7px 7px 0;
}
.tags a:hover {
	background-color: #707070;
}
/*--------------------------------------------------
				 ARCHIVE POST LIST
---------------------------------------------------*/
.archive-post-list{
	padding: 0;
	margin: 0;
	list-style-type:none;
}
.archive-post-list li {
	padding: 25px;
	margin: 0 0 10px 0;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);
	background-color: #f4f4f4;
}
.archive-post-list h2.title a {
	font-size: 22px;
	line-height: 25px;
	font-weight: bold;
	letter-spacing: 0;
	color: #676767;
	text-transform: none;
	margin: 0px;
}
.archive-post-list li a:hover {
	color: #657383;
}
.archive-post-list li .meta {
	font-size:11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #999999;
}
.archive-post-list li span, .archive-post-list li a {
	color: #666666;
}
/*--------------------------------------------------
				 POST LIST
---------------------------------------------------*/
.post-list {
	padding: 0;
	margin: 0;
	list-style-type:none;
}
.post-list li {
	padding: 0;
	font-size:10px;
	font-weight: bold;
	margin: 0 0 15px 0;
}
.post-list a {
	font-size:12px;
	letter-spacing: 0;
	line-height: 14px;
}
.post-list .date {
	text-transform: uppercase;
	margin-bottom: 0;
}
/*--------------------------------------------------
					WP-PAGINATION 
---------------------------------------------------*/
.wp-pagenavi {
	position:relative;
	height: 20px;
	padding: 15px 0 0 0;
}
.wp-pagenavi span.pages {
    margin-right: 20px;
    margin: 0;
    padding: 4px 30px 4px 0;
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span {
    display: inline-block;
    float: left;
	color: #707070;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	line-height: 18px;
    margin: 0 0 0 4px;
    padding: 4px 10px;
    text-transform: uppercase;
	-moz-border-radius: 20px;
	-webkit-border-radius:20px;
	border-radius:20px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	color: #fff;
	background-color: #657383;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
#sidebar { width: 200px; float: right; }
#inner-content, .post-single .post  { width: 520px; }
.blog-holder .post { width:364px; }
.post-meta .title, .post-meta .title a { width: 73%; }
.post-single .post-widget {	width: 520px; text-align: left; }
.post-single .post-category { float: left; padding:0 0 15px 0; }
.post-single .post-meta { padding:0; }
.comment-form-wrapper  { width: 100%; }
#comment-list .comment-meta { width: 100%; text-align: left; margin-bottom:10px; position: relative; }
#comment-list .date { display: inline; margin-left:5px }
#comment-list .comment-wrap { margin-left: 0; }
#comment-list .reply { float: right; }
#comment-list ul.children li {margin-left: 70px;}
#comment-list ul.children li .comment-wrap, #comment-list ul.children li li .comment-wrap, #comment-list ul.children li li li .comment-wrap, #comment-list ul.children li li li li .comment-wrap, #comment-list ul.children li li li li li .comment-wrap, #comment-list ul.children li li li li li li .comment-wrap { margin-left: 0; }

}
@media only screen and (min-width: 480px) and (max-width: 767px) {
#sidebar { width: 100%; float: left; margin-top: 30px; }
#inner-content {border-bottom: 1px dotted #ccc; padding:0 0 30px 0;}
#inner-content, .post-single .post  { width: 420px; }
.post-single .post-widget {	width: 420px; text-align: left; }
.post-single .post-category {	float: left; padding:0 0 15px 0; }
.post-single .post-meta { padding:0; }
.comment-form-wrapper  { width: 100%; }
.blog-holder { width: 420px; margin-left: 0; }
.blog-holder .post { margin: 0 0 20px 0; width:100%; }
.post-meta .title, .post-meta .title a { width: 77%; font-size: 20px; line-height: 24px; letter-spacing: 0; }
.widget .title, #inner-content .title, .archive-post-list h2.title a { font-size: 20px; line-height: 24px; letter-spacing: 0; }
#comment-list .comment-meta { width: 100%; text-align: left; margin-bottom:10px; position: relative; }
#comment-list .date { display: inline; margin-left:5px }
#comment-list .comment-wrap, #comment-list ul.children li .comment-wrap, #comment-list ul.children li li .comment-wrap, #comment-list ul.children li li li .comment-wrap, #comment-list ul.children li li li li .comment-wrap, #comment-list ul.children li li li li li .comment-wrap, #comment-list ul.children li li li li li li .comment-wrap { margin-left: 0; }
#comment-list .avatar { display:none; }
#comment-list .comment-wrap p {	padding: 0; }
#comment-list .reply { float: right; }
#comment-list ul.children li { margin-left: 0; }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
#sidebar { width: 100%; float: left; margin-top: 30px; }
#inner-content {border-bottom: 1px dotted #ccc; padding:0 0 30px 0;}
#inner-content, .post-single .post  { width: 100%;  }
.post-single .post-widget {	width: 100%; text-align: left; }
.post-single .post-category { float: left; padding: 0 0 15px 0; }
.post-single .post-meta { padding:0 0 10px 0; }
.comment-form-wrapper  { width: 100%; }
.blog-holder { width: 100%;	margin-left: 0; }
.blog-holder .post { margin: 0 0 20px 0; width:100%; }
.post-meta .title, .post-meta .title a { width: 100%; font-size: 20px; line-height: 24px; letter-spacing: 0; }
.widget .title, #inner-content .title, .archive-post-list h2.title a { width: 100%; font-size: 20px; line-height: 24px; letter-spacing: 0; }
.comment-date-wrap  { float: left; }
#comment-list .comment-meta { width: 100%; text-align: left; margin-bottom:10px; position: relative; }
#comment-list .date { display: inline; margin-left:5px }
#comment-list .comment-wrap, #comment-list ul.children li .comment-wrap, #comment-list ul.children li li .comment-wrap, #comment-list ul.children li li li .comment-wrap, #comment-list ul.children li li li li .comment-wrap, #comment-list ul.children li li li li li .comment-wrap, #comment-list ul.children li li li li li li .comment-wrap { margin-left: 0; }
#comment-list .avatar { display:none; }
#comment-list .comment-wrap p {	padding: 0; }
#comment-list .reply { float: right; }
#comment-list ul.children li { margin-left: 0; }
.archive-list ul {	width:100%;	padding: 0; }
}