/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto; }
.alignleft { float:left;padding:0 15px 15px 0; }
.alignright { float:right;padding:0 0 15px 15px; }
.wp-caption { text-align:center;max-width:100%;}


#sidebar1 {
	margin-top:2em;
}

.meta {
  color: #999;font-size:12px;border-bottom:1px solid #ccc;padding:0 0 10px 0; 
  }
  
.meta  time {font-weight: bold;}
.meta a, .meta a:visited, 
.tags a, .tags a:visited,
.byline a, .byline a:visited {
	color:#999;
	}

.meta a:hover, .tags a:hover {
	color:#000;
	}
	
article.post {padding:0 15px;margin:15px 0 30px;}	
.single article.post {margin-top:0;}

h1.blogheading {margin-bottom:20px;margin-top:0;}

.article-header {
	margin-bottom:10px;
	padding-top:10px;
	}

.article-header h2, h1.single-title {
		font-size:2.5em;
		margin-top:0;
		margin-bottom:0;
		line-height:1.25;
		}
		
.article-header h3 {
		margin-bottom:5px;
		}

footer.article-footer {
	color: #999;
	font-size:.8em;
	padding:0; 
	margin:10px 0;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	}

.widget h4 {margin-bottom:0;margin-top:0}

.widget  ul {
	list-style: none;
	padding:0;
	margin-bottom:15px;
	}
	
.widget ul li {
	font-size: 12px;
	padding:5px 0;
	margin:0;
	border-bottom:1px solid #f2f2f2;
	}
.widget ul li:first-child {
	border-top:1px solid #f2f2f2;
	}
	
.widget ul li a {
	display:block;
	}

/*********************
08. POSTS & CONTENT STYLES
*********************/

.byline {
  color: #555;
  margin:5px 0;
}


/* entry content */
.entry-content {
  /*
			image alignment on a screen this size may be
			a bit difficult. It's set to start aligning
			and floating images at the next breakpoint,
			but it's up to you. Feel free to change it up.
			*/

}
.entry-content dd {
  margin-left: 0;
  font-size: 0.9em;
  color: #787878;
  margin-bottom: 1.5em;
}
.entry-content img {
  margin: 0 0 1.5em 0;
  max-width: 100%;
  height: auto;
}
.entry-content video,
.entry-content object {
  max-width: 100%;
  height: auto;
}
.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px;
}
/* end .entry-content */
.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px;
  /* images inside wp-caption */

}
.wp-caption img {
  max-width: 100%;
  margin-bottom: 0;
  width: 100%;
}
.wp-caption p.wp-caption-text {
  font-size: 0.85em;
  margin: 4px 0 7px;
  text-align: center;
}
/* end .wp-caption */
/* image gallery styles */
/* end .gallery */
/* gallery caption styles */
/******************************************************************
09. PAGE NAVI STYLES
******************************************************************/
.page-navigation,
.wp-prev-next {
  margin: 1.1em 0 2.2em;
}

.wp-prev-next a {
	padding:5px 20px;margin:10px 0;
	background:#2c879b;
	color:#fff !important;
	font-size:18px;
	font-weight: bold;
	text-align: center;
	clear:left;}
	
.wp-prev-next a:hover {
	background:#10ced0;
	color:#fff;
	}


.bones_page_navi {padding:0;}
.bones_page_navi li {
  float: left;
  margin-left: 10px;
  background:#f2f2f2;
	font-style: normal;
	font-weight: 400;
}
  
  .bones_page_navi li a {
    padding: 5px 10px;
    display: block;
    text-decoration: none;
    position: relative; }
    .bones_page_navi li a:hover, .bones_page_navi li a:focus {
      text-decoration: none }

li.bpn-current {
   padding: 5px 10px;
  position: relative; 
  color:#fff;
  background:#10ced0
  border:none;
  }

li.bpn-prev-link,
li.bpn-next-link {
  font-weight: 700; }
  li.bpn-prev-link a,
  li.bpn-next-link a {
    padding: 5px;border:none }
    
.bones_page_navi li.bpn-next-link {
    border:none 
    }

li.bpn-prev-link a:hover,
li.bpn-next-link a:hover,
li.bpn-first-page-link a:hover,
li.bpn-last-page-link a:hover {
  background: none; }
/* end .bones_page_navi */
/* fallback previous & next links */
.wp-prev-next .prev-link {
  float: left;
}
.wp-prev-next .next-link {
  float: right;
}
/* end .wp-prev-next */
/******************************************************************
10. COMMENT STYLES
******************************************************************/
/* h3 comment title */
#comments {
padding-top:20px;

}
.commentlist {
padding:0;

}
.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px;
  /* end .commentlist li ul.children */

}
.commentlist li:last-child {
  margin-bottom: 0;
}
.commentlist li ul.children {
  margin: 0;
  /* variations */

  /* change number for different depth */

}
.commentlist li[class*=depth-] {
  margin-top: 1.1em;
}
.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0;
}
.commentlist li:not(.depth-1) {
  margin-right: -10px;
  margin-left: -10px;
  margin-top: 0;
  padding-bottom: 0;
}
.commentlist .odd {
  background: #eee;
}
.commentlist .even {
  background: #fefefe;
}
.commentlist .vcard {
  margin-left: 50px;
}
.commentlist .vcard cite.fn {
  font-weight: 700;
  font-style: normal;
}
.commentlist .vcard time {
  float: right;
}
.commentlist .vcard time a {
  color: #999;
  text-decoration: none;
}
.commentlist .vcard time a:hover {
  text-decoration: underline;
}
.commentlist .vcard img.avatar {
  position: absolute;
  left: 10px;
  padding: 2px;
  border: 1px solid #cecece;
  background: #fff;
}
.commentlist .comment_content {
  margin-left: 50px;
}
.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em;
}
.commentlist .comment-reply-link {
  text-decoration: none;
  float: right;
  background: #4598bb;
  padding: 3px 5px;
  color: #fff;
  opacity: 0.65;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 0.9em;
}
.commentlist .comment-reply-link:hover,
.commentlist .comment-reply-link:focus {
  opacity: 1;
}
/* end .commentlist */
/******************************************************************
11. COMMENT FORM STYLES
******************************************************************/

#respond {
	padding:2em 0;
	}
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em;
}
.respond-form form {
  margin: 0.75em 0;
}
.respond-form form li {
  list-style-type: none;
  clear: both;
  margin-bottom: 0.7335em;
}
.respond-form form li label,
.respond-form form li small {
  display: none;
}
.respond-form form input[type=text],
.respond-form form input[type=email],
.respond-form form input[type=url],
.respond-form form textarea {
  padding: 3px 6px;
  background: #fff;
  border: 1px solid #666;
  line-height: 1.5em;
  /* form validation */

}
.respond-form form input[type=text]:focus,
.respond-form form input[type=email]:focus,
.respond-form form input[type=url]:focus,
.respond-form form textarea:focus {
  background: #fff;
}
.respond-form form input[type=text]:invalid,
.respond-form form input[type=email]:invalid,
.respond-form form input[type=url]:invalid,
.respond-form form textarea:invalid {
  outline: none;
  border-color: #fbc2c4;
  background-color: #f6e7eb;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
.respond-form form input[type=text],
.respond-form form input[type=email],
.respond-form form input[type=url] {
  max-width: 400px;
  min-width: 250px;
}
.respond-form form textarea {
  resize: none;
  width: 97.3%;
  height: 150px;
}
/* comment submit button */
/* comment form title */
#comment-form-title {
  margin: 0 0 1.1em;
}
/* cancel comment reply link */
/* logged in comments */
/* allowed tags */
#allowed_tags {
font-size:.8em;
color:#999;
  margin: 1.5em 10px 0.7335em 0;
}
/* no comments */
.nocomments {
  margin: 0 20px 1.1em;
}