/* INCLUDED ON ALL MAIN COLLECTION PAGES */ 
/* THIS FILE IS A STUB - ALL COLLECTION STYLES SHOULD ULTIMATELY BE MOVED HERE FROM MAIN.CSS */

.catalogueSection h4 {
	margin:1em 0px 0.2px 0px;
}

/* Clearfix Styles */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


/* Comment Pager Styles */

#mainContent ul.blog-pager {
	list-style:none;
	margin:0 0 0.5em;
}

.blog-pager a {
	color:#262727;
	display:block;
	padding-top:0.5em;
	padding-bottom:0.5em;
}

.blog-pager .blog-pager-prev {
	float:left;
}

.blog-pager .blog-pager-prev a {
	background:url('../icons/arrow-left.png') left 50% no-repeat;
	padding-left:30px;
}

.blog-pager .blog-pager-next {
	float:right;
	text-align:right;
}

.blog-pager .blog-pager-next a {
	background:url('../icons/arrow-right.png') right 50% no-repeat;
	padding-right:30px;
}

.blog-pager-info {
	display:block;
	font-weight:normal;
}


/*Person page styles*/
span.search-pseudo-head {
	display:block;
	font-weight: bold;
	margin: 15px 0 15px 0px;
	font-size: 1.8em;
	line-height:1.2em;
}

h1.search-inline-h1 {
	display:inline;
	font-weight:bold;
	font-size: 1.3em !important;
}

/* Portrait Large Styles */

#largeImage-inner {
	float:left;
}

.large-portrait-page .contentFull {
	margin-left:0px;
	margin-right: 10px;
}

/* UGC Styles */

#commentsSection * {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

#commentsSection div.helpTextContainer div.header {
	width:256px;
}

.blog-post-comments {
	border-top:8px #E7E7E7 solid;
	max-width:100%; /* Stop breakout if textarea is resized */
}

.blog-comments-cancel {
	float:right;
}

.blog-post-comments h2 {
	margin-top:1em;
}

.blog-comment {
	border-top:1px #DDD solid;
	float:left;
	padding:1em 8px 0.5em;
	width:100%;
}

.blog-comment-attr {
	font-weight:bold;
	padding-bottom:0.25em;
}

.blog-comment-date {
	font-style:italic;
	padding-bottom:0.5em;
}

.blog-post-comments-header h2 {
	margin-bottom:0.1em;
}

.blog-post-comments-header p {
	color:#999;
	margin-top:-0.5em;
}

.blog-post-comments .blog-comment:nth-child(even) {
	/* background-color:#EEE; */
}

#blog-comment-box {
	font:inherit;
	height:8em;
	margin-bottom:1em;
	padding:5px;
	resize:none;
	width:100%;
	max-width:518px;
}

#blog-comment-box.inactive {
	color:#555;
}

.blog-post-comments-shaded {
	background-color:#E7E7E7;
	float:left;
	padding:1.25em 15px;
	width:100%;
}

#blog-comment-form div.jot-err {
	font-size:1.3em;
	padding: 10px;
	border: 2px solid red;
}

#blog-comment-form div.jot-cfm {
	font-size:1.3em;
	padding: 10px;
	border: 2px solid green;
}

#blog-comment-form .ugc-field-wrapper {
	padding-bottom: 8px;
}

#blog-comment-form label,
#blog-comment-form span.label {
	display:block;
	margin-bottom:0.25em;
	font-size:1.1em;
	font-weight:bold;
}

#blog-comment-form label.inline-label {
	display:inline;
	margin-bottom:0.25em;
	font-size:1.1em;
	font-weight:normal;
}

#blog-comment-form input {
	display:block;
	font:inherit;
	margin-bottom:1em;
	padding:5px;
	width:100%;
	max-width:300px;
}

#blog-comment-form input.inline-input {
	display:inline;
	width:auto;
}

#blog-comment-form a.helpTextLink {
	font-style: italic;
	font-size:0.9em;
}

#blog-comment-form #blog-comment-submit,
#blog-comment-form #blog-comment-permission{
	width:auto;
	padding-left:0px;
	background-color:transparent;
}

.js-enabled .blog-section #helpText {
	box-shadow:0 0.25em 0.5em #CCC;
	display:none;
	margin-left:0px;
	top:auto;
	left:auto;
}

/* Non-js styles */
.blog-section #helpText {
	display:block;
}

.blog-section #helpText h3 {
	float:left;
	margin-top:0;
	border-top:none;
}

.blog-list-pager {
	border-top:1px solid #DDDDDD;
	font-size:1.1em;
	font-weight:bold;
	padding-top:2em;
}

.blog-list-pager-right li {
	margin-left:0.25em;
} 

.blog-list-pager-right {
	text-align:right;
}

.blog-list-pager .blog-list-pager-none {
	color:#CBCBCB;
	margin:0 0.25em;
}

.blog-list-pager a {
	display:block;
	padding:0 0.25em;
}

.blog-list-pager-prev img,
.blog-list-pager-next img {
	padding-top:1px;
}

div.g-recaptcha {
	width:100%;
	/*max-width:300px;*/
	overflow:hidden;
}

@media all and (max-width: 720px) {
	.blog-post-comments-shaded {
		padding:1.25em 1.5%;
	}
}