/*
Theme Name: Lay Anglicana
Theme URI:
Description: Theme for the Lay Anglicana blog site.
Author: Patrick Hathway
Version: 1.0
Tags: three-columns, fixed-width, widgets, custom-menus
*/

/* sidebar styles  */
#left-sidebar, #right-sidebar {
		width: 15%;
		float: left;
}

/* Search form styles */
#searchform {
		position: relative;
		height: 26px;
		margin: 0;
		background-color: #EBE7C4;
		border: 1px solid #DEDAB2;
		padding: 5px;
}
#searchform div div {
		position: absolute;
		left: 5px;
		right: 90px;
}
#searchform div div input#s {
		width: 100%;
		height: 16px;
		color: gray;
		padding: 4px;
		margin: 0px;
}
#searchform div input#s-i {
		position: absolute;
		right: 8px;
}

/* custom widget styles */
.widget-container {
		margin-bottom: 10px;
}
#left-sidebar .widget-container {
		padding-right: 15px;
}
#right-sidebar .widget-container {
		padding-left: 0px;
}
.widget-container ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
}
.widget-container ul li {
		border-top: 1px dashed #777777;
		padding: 4px 0;
}
.widget-container ul li:first-child {
		border-top: 0px none;
}
.widget-container h3 {
		font-size: 15px;
}
img.post_avatar, .avatar {
		background: none repeat scroll 0 0 #FFFFFF;
		box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
		padding: 5px;
		margin: 0 10px 10px 0;
		float: left;
}
.widget-container form {
		margin: 0;
		padding: 0;
}
.widget-container a.timesince, .widget-container a.blogroll-post, .widget-container li.recentcomments a {
		font-weight: normal;
}
#blog-visits ul li {
		display: inline-block;
		font-size: 24px;
		font-weight: bold;
		height: 30px;
		line-height: 30px;
		vertical-align: top;
		padding-top: 30px;
		min-width: 75px;
		background-image: url("images/chart.png");
		background-repeat: no-repeat;
}
#blog-head {
		overflow: hidden;
		padding-top: 15px;
}
#blog-head .widget-container {
		float: left;
		margin: 0;
		padding: 20px 0 0 0;
		width: 20%;
		text-align: center;
}
#blog-head .widget-container a.wikio-share-popup-button {
		margin-top: -5px;
		float: right;
}
#blog-head .widget-container .twitter-share-button {
		float: left;
}
#blog-head .widget-container .twitter-follow-button {
		float: right;
}

/* main page content styles */
#page-content {
		width:68%;
		margin-right: 2%;
		float: left;
}
h3.post-date, h3#comments {
		color: #33351B;
		width: 100%;
		padding: 22px 0;
		font-size: 16px;
}
#page-content ul {
		padding-left: 20px;
}

/* blog entry base styles */
#page-content div.post,
#page-content div.comment,
#page-content div#respond,
#page-content div.attachment,
#page-content div.pingback {
		background-color: #F8F8F8;
		border: 1px solid #EBEBEB;
}
.top-space {
		margin-top: 10px;
}
.entry-title, .comment-author, #reply-title {
		background-color: #DBD7BC;
		border: 1px solid #C0B986;
		margin: 0;
		padding: 5px 10px;
		font-weight: normal;
}
h2.entry-title a {
		font-weight: normal;
}

/* blog entry content styles */
.entry-content, .comment-content, #respond p.must-log-in, .page-content {
		padding: 20px;
		overflow: auto;
		font-size: 14px;
		line-height: 1.4em;
}
.entry-content p, .comment-content p, .page-content p {
		margin-top: 0;
}
.page-content {
		padding: 0;
}
.entry-content blockquote, .entry-content .wp-caption {
		background: none repeat scroll 0 0 #F2F6F8;
		border: 1px solid #417394;
		border-radius: 5px;
		font: italic 14px Tahoma,Calibri,Verdana,Geneva,sans-serif;
		margin: 20px;
		padding: 5px 10px;
		position: relative;
		overflow: auto;
		min-width: 75%;
}
.entry-content .wp-caption {
		padding: 5px;
		margin: 0 0 5px 0;
		text-align:center;
		min-width: 0;
		width: 100% !important;
}
.entry-content .wp-caption p {
		margin: 0;
		padding: 0;
}
.entry-content .clear-above, .page-content .clear-above {
		width: 99%;
		font-size: 1px;
		line-height: 1px;
		visibility: hidden;
		overflow: auto;
}
.entry-content .alignleft  {
		float:left;
		margin-right: 10px;
		width: 100% !important;
}
.entry-content .alignright {
		float:right;
		margin-left: 10px;
		width: 100% !important;
}
.entry-content .aligncenter {
		display:block;
		margin-left:auto;
		margin-right:auto;
		width: 100% !important;
}
.entry-content .separator {
		text-align: center;
		clear: none !important;
}
.entry-content .separator a {
		clear: none !important;
}
.entry-content small, .comment-content small {
		font-size: 10px;
}
.about-blog .addthis_toolbox {
		display: none;
}

/* blog entry footer styles */
p.postmetadata {
		margin: 0;
		padding: 0 20px 20px 20px;
}
.postmetadata, .post-footer, div.entry-title {
		color: #3F3F3F;
}
p.page-metadata {
		text-align: right;
}
.post-footer, .comment-reply {
		background-color: #F0EDDD;
		border: 1px solid #EBEBEB;
		margin: 0;
		padding: 5px 10px;
}
.post-footer .comments-link, .comment-author a.permalink, .comment-reply .links {
		float: right;
		display: block;
}
.post-footer .comments-link a img {
		float: left;
		padding-right: 5px;
}
.atclear {
		clear: none !important;
}

/* blog comments */
.commentlist div.depth-1 {
		margin-bottom: 20px;
}
.commentlist div.depth-1 div.comment {
		margin: 0 20px 20px 20px;
}
.comment-reply {
		overflow: auto;
}
.comment-reply .post-date {
		float: left;
}
h3#reply-title {
		font: 20px Georgia,serif;
		position: relative;
}
h3#reply-title small {
		display: block;
		position: absolute;
		right: 10px;
		top: 8px;
		font-size: 13px;
		font-family: Tahoma,Calibri,Verdana,Geneva,sans-serif;
}
form#commentform {
		margin: 0;
		padding: 20px;
}
form#commentform label {
		width: 70px;
		display: block;
		float: left;
}
form#commentform #url, form#commentform #comment {
		margin-left: 18px;
}
form#commentform .required {
		color: red;
		padding: 0 5px;
}
#respond {
		margin-bottom: 20px;
}
.commentlist div.depth-1 #respond  {
		margin: 0 20px 20px 20px;
}
.comments-note {
		margin-top: 0px;
}
#page-content div.commentlist .bypostauthor {
		background-color: #F2F6F8;
		border: 1px solid #C0B986;
}

/* navigation bar */
.navigation, .comments-navigation {
		padding: 10px 0 0 0;
		height: 16px;
		text-align: center;
}
.comments-navigation {
		padding: 0 0 10px 0;
}
.navigation .nav-prev, .comments-navigation .nav-prev {
		float: left;
}
.navigation .nav-next, .comments-navigation .nav-next {
		float: right;
}

/* misc */
img#wpstats {
		display: none;
}
#recaptcha-submit-btn-area {
		margin-top: 10px;
}
.recaptcha-error {
		font-weight: bold;
		font-size: 1em !important;
}
form#commentform p.comment-subscription-form label {
		width: auto;
}

.embed-youtube {
	position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.embed-youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/***** RESPONSIVE *****/

@media (max-width:1200px) {
	#right-sidebar {
		display: none;
	}

	#left-sidebar {
		width: 25%;
		margin: 0 2%;
	}

	#page-content {
    	width: 69%;
	}

}

@media (max-width:600px) {
	#left-sidebar {
		display: none;
	}

	#page-content {
	    width: 100%;
	    margin: 0px auto;
	    max-width: 550px;
	    float: none;
	}

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

	#blog-head .widget-container {
		width: auto;
		padding-right: 10px;
	}

	h3.post-date {
		padding-left: 20px;
    	width: 75%;
	}
}

@media (max-width:414px) {

	#breadcrumb {
		display: none;
	}

	#blog-head .widget-container {
		display:none;
	}

}