/*
Theme Name: required+ Starter
Theme URI: http://themes.required.ch/
Author: required+ Team
Author URI: http://required.ch/
Description: Starter child theme for the required+ Foundation parent theme.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.1.0-wip
Template: required-foundation
Text Domain: requiredstarter
*/

/*
	Make the template work
*/
@import url(../required-foundation/style.css);
/* ---------------------------------------------------
   Only write stuff below this line, if you don't
   use the Compass/SCSS version of Foundation and
   prefer vanilla CSS.
--------------------------------------------------- */

@import url(http://fonts.googleapis.com/css?family=Lato:400,900,300);
@import url(http://fonts.googleapis.com/css?family=Cabin+Condensed);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,800,700,800italic,700italic,600italic,600,400italic,300italic,300);


/** 
style for spam honeypot
This is from a plugin called Spam Honeypot, 
which adds a field to the comment form - spam bots
will fill in every field, but we hide this field so normal humans
won't see it and therefore won't fill it in. But, spam bots might
be advanced enough to scan for 'display:none', so we get
around it by giving the field a style name 'style_for_nice_comments'
*/

.style_for_nice_comments {
	display: none;
}

.entry-content p.wp-caption-text {
 	font-size: 85%;
}

.twitter-follow-button {
	display: block;
	margin-bottom: 7px;
}
.border {
	border: 1px solid #D3D3D3;
	padding: 10px;
}

blockquote.no-top-padding {
	padding-top: 0;
}
blockquote.quote p {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 1.2em;
    font-style: normal;
    font-weight: bold;
    line-height: 1.5em;
    padding-top: 1em;
}
blockquote span.double-quote {
	font-size: 3em;
	font-family: georgia, serif;
}

/*Default style for WP-PageNavi plugin

http://wordpress.org/extend/plugins/wp-pagenavi/
*/

.wp-pagenavi {
	clear: both;
	font-size: 1.4em;
}
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}
.wp-pagenavi span.current {
	font-weight: bold;
}

.navi-screen,
.navi-ie,
.lt-ie9 .navi-touch {
	display: none;
}
.lt-ie9 .navi-ie {
	display: block;
}

/* End of default style for WP-PageNavi plugin
*/

::selection {
	background-color: #9C0C19;
	color: white;
}
::-moz-selection {
	background-color: #9C0C19;
	color: white;
}
.container {
	letter-spacing: 0;
}
.social-buttons-bottom {
	margin: 0 0 1.1em;
}
.social-buttons-top {
	margin: 0 0 1em 0;
}
#cse table {
	border: 0 !important;
	border-bottom: 1px black solid !important;
	font-size: 1.4em !important;
}
.gsc-adBlockVertical {
    clear: right;
    display: block;
    float: right;
    position: relative;
    width: 30%;
}
.cse .gsc-control-wrapper-cse, .gsc-control-wrapper-cse {
    width: 100%;
}


.more-link {
	display:inline-block;
	float:right;
}

.widget_recent_entries ul {
	font-size: 0.8em;
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	margin-bottom: 3em;
}
.widget_recent_entries h4 {
	font-size: 1em;
}
.widget_recent_entries {

}
p {
	font-family: 'Open Sans', Arial, sans-serif;
}
h1 {
	margin: 0 0 9px;
	text-align:left;
	text-decoration: none;
    font-family: 'Open Sans Condensed', Arial, sans-serif;
    letter-spacing: 0.2px;
    line-height: 1em;
	color: #000000;
	border-bottom: 1px dotted #000000;
	padding-bottom: 16px;
}

h1 a {
	color: #000000;
}

h2,
h3,
h4 {
	line-height: 1.2em;
}
.entry-content h4 {
	font-family: 'Open Sans Condensed', Helvetica Neue, Arial, sans-serif;
}	
/* Grid HTML Classes */
.row {
  max-width: 99em;
}
.widget {
	margin-bottom: 1em;
}

/* header */

.required-header {
	background-color: #9C0C19;
	color: #FFFFFF;
	letter-spacing: 0.05em;
	margin: 0 0 1em;
	padding: 10px 0.9375em 15px;
	white-space: nowrap;
	width: 100%;
	/*width: 320px;*/
}

h1.site-title {
	margin: 0 0 0.1em;
	text-transform: uppercase;
	font-weight: bold; 
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-size: 2em;
	text-decoration: none;
	letter-spacing: 0.02em;
	padding: 0 15px 0 0;
	border: none;
}

h1.site-title a {
	color: #FFFFFF;
}
h1 .char15 {
vertical-align: top;
margin-left: 0.052em;
}

h1 .char3, h1 .char2 {
vertical-align: top;
margin-left: 0.009em;
}

h1 .char6 {
vertical-align: top;
margin-left: 0.013em;
}

h1 .char9 {
	margin-left: 0.013em;
}
h4.site-description {
	/* padding: 0 0 0 100px; */
	padding: 0 15px 0 0;
	margin-bottom: 0;
	font-weight: normal;
	font-family: 'Cabin Condensed', Helvetica, Arial, sans-serif; 
	letter-spacing:0.006em;
	color: #FFFFFF;
	font-size: 0.8em;
}
hgroup {
	width: 90%;
}
h1 {
	font-size: 1.6em;
}
.entry-title a {
	/* color: #9C0C19; */
}
.entry-title a:hover {
	/* color: black; */
}
h6.tag-links a,
.entry-meta a {
	color: #4F7AA7;
}
h6.tag-links a {
	text-transform: lowercase;
}
h6.category-links a:after,
.entry-meta a:after {
	content: " ";
} 
h6.tag-links a:after {
	content: " / ";
}
.entry-meta {
    font-size: 0.675em;
}
#acp-preview,
.comment_quote_link,
.comment_reply_link,
.comments-link a {
    background-color: #2BA6CB;
    border-color: #2284A1;
    border-style: solid;
    border-width: 1px;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 1em;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 1.25em;
    padding: 0.75em 1.5em 0.8125em;
    position: relative;
    text-align: center;
    text-decoration: none;
}
#acp-preview:hover,
.comment_quote_link:hover,
.comment_reply_link:hover,
#acp-preview:focus,
.comment_quote_link:focus,
.comment_reply_link:focus {
background-color: #2284A1;
}
a#acp-preview:hover,
a.comment_quote_link:hover,
a.comment_reply_link:hover,
a#acp-preview:focus,
a.comment_quote_link:focus,
a.comment_reply_link:focus {
	color: white;
}
.more-link {
	margin-bottom: 1.25em;
}
.nav-single {
	line-height: 1;
	margin-bottom: 1.5em;
}
h2#comments-title {
	font-size: 1em;
}
article.comment {
	margin: 0 0 10px;
}

.panel {
	padding: 1.25em 1.25em 0 1.25em;
}
.post.pingback p {
	background: none repeat scroll 0 0 #F2F2F2;
	border-color: #D9D9D9;
	border-style: solid;
	border-width: 1px;
	padding: 1.25em;
}

.entry-content p {
	line-height: 1.4;
}
p {
	line-height: 1.3;
}
ol,
p,
.entry-content p {
	line-height: 1.8em;
}
.panel > *:first-child {
    border-bottom: 1px dotted black;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

blockquote {
	background:#f9f9f9;
	border-left:3px solid #ccc;
    margin: 1em 0 1em 0.8em;
    padding: 0.5em 1em 0.01em 1em;
	quotes:"\201C""\201D""\2018""\2019";
    font-style: italic;
}
blockquote p {
    line-height: 1.6;
    color: #000;
}
/*.row .column,
.row .columns {
	padding: 0 1.25em;
}*/
.entry-content p,
.comment-content p,
.post.pingback p {
	font-size: 1.08em;
}
.alignright,
.alignleft,
.alignnone {
	margin-bottom: 15px;
}
.alignright {
	margin-left: 1.6em;
}
/* stop stray lines of text wrapping around small images on mobile */
.alignright,
.alignleft,
.alignnone {
	width: 100%;
}
.comment-meta h6 {
	font-family: 'Open Sans Condensed', Arial, sans-serif;
}

.sidebar-top:after {
	content: " ";
	display: table;
	clear: both;
}
.sidebar-top h3 {
	margin-top: 0;
}

#twitter-widget-0 {
	width: 100%;
	/*margin-bottom: 1em; removed cos it is causing the tweet and fb boxes to mis-align - worked fine before, don't know what's up*/
}

.mobilejump {
	position: absolute;
	top: 53px;
	right: 16px;
	color: #ffffff;
	background-color: #000000;
	padding: 5px;
	border-radius: 5px;
	margin-bottom: -35px;
	margin-top: -3px;
	text-align: right;
	font-size: 0.7em;
}

@media only screen and (min-width : 482px) {

	.mobilejump {
		display: none;
	}
}


.arrow-down {
	margin-top: 2px;
	display: inline-block;
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #FFF;
}
.alert-box {
	margin-top: -20px;
	text-indent: 0;
	width: 100%;
}

a.comment_quote_link,
a.comment_reply_link {
	padding: 10px;
	margin-right: 10px;
}
/*
*	this one below is to select for the <p> element that holds the "Quote text" and "Reply" buttons - except, if comments are closed, > p refers to something else
*	Page structure with comments open:
*	<div class="edit-comment">
*		<div id="comment-id-123456">
*			<p>Hi this is a comment</p>
*		</div>
*		<p>Quote text and reply</p>
*	</div>
*	
*	Works fine with code below. But when comments are open, here's the page structure:
*	<div class="edit-comment">
*		<p>Hi this is a comment</p>
*	</div>
*	
*	So, you can see that it picks up the CSS rules for the quote text boxes.
*			
*   .edit-comment > p {
*    	margin-left: 10px;
*    	position: absolute;
*    	right: 0;
*	}
* Now trying this
*/

.edit-comment > div+p {
  	margin-left: 10px;
   	position: absolute;
  	right: 0;
}


.entry-content h5 {
	margin-bottom: 1px;
}

ol.commentlist {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
ol.commentlist > li {
    position:relative; /* Create a positioning context */
    margin:0 0 6px 0; /* Give each list item a left margin to make room for the numbers */
    padding:0 0 8px 0; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
    /* border-top:2px solid #666; */
    /* background:#f6f6f6; */
}
ol.commentlist > li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    left:-1em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:2em;
    height:2em;
    margin-right:8px;
    padding:2px 2px 3px 2px;
    /*border-top:2px solid #666;*/
    color:#fff;
    background:#666;
    font-weight:bold;
    font-family:"Helvetica Neue", Arial, sans-serif;
    text-align:center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 1em;
}
li ol,
li ul {
	margin-top:6px;
}
ol ol li:last-child {
	margin-bottom:0;
}

.lt-ie9 ol.commentlist > li {
    margin-left: 2em !important; /* Give each list item a left margin to make room for the numbers */
    padding-left: 4em !important; /* Add some spacing around the content */
}
.lt-ie9 ol.commentlist > li:before {
    border-radius: 50% !important;
    font-size: 2.5em !important;
    padding:0.2em 1px;
}
.edit-comment-admin-links {
	margin: 4em 0 1.5em 0;
}
.edit-comment-admin-links a {
	padding: 1.5em 0;
}

h6,
.format-status .entry-meta h6,
.format-link .entry-meta h6 {
	display: inline;
}

h6.tag-links {
	line-height: 1.8em;
}
h6 .tag-links {
	white-space: nowrap;
}
.comment-content .edit-link {
    background-color: #2BA6CB;
    border-color: #2284A1;
    border-style: solid;
    border-width: 1px;
    bottom: 7.35em;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 1em;
    height: 39px;
    left: 1em;
    line-height: 1;
    margin: 0;
    padding: 0.33em 0.3em;
    text-align: center;
    text-decoration: none;
}
.comment-content .edit-link a {
	color: white;
	background-color: #2BA6CB;
	line-height: 1.5em;
    font-weight: bold !important;
	font-size: 1.1em;
	padding: 0;
	margin: 0;
}
.edit-link a {
	background: #eee;
	border-radius: 5px;
	color: #666;
	line-height: 1.5em;
	font-weight: 300;
	font-size: 1em;
	text-decoration: none;
	padding: 2px 5px 1px;
	margin-left: 1em;
}
.entry-meta .edit-link a:hover {
	background: #888;
	color: #fff;
}
.vcard a:hover,
span.tag-links a:hover {
	background-color: #000;
	color: #fff;
}
.meta-titles {
	color: #000;
}
.meta-titles,
.meta-titles a {
	font-weight: bold;
}
.vcard a {
	background-color:#FFF;
	color:#000;
	padding: 2px 2px 1px 3px;
	font-weight: bold;
}
.author.vcard {
	border: none;
	padding: 0;
	margin: 0;
}
.entry-meta {
	margin-bottom: 1em;
	line-height: 1.6em;
}

h3.assistive-text {
	font-size: 1.4em;
}

@media only screen and (min-width : 481px) {
			.navi-touch {
				max-width: 50%;
			}
			.edit-comment-admin-links {
				margin-top: 0;
			}
			.edit-comment-admin-links a {
				padding: 0;
			}
			p {
				text-align: justify;
			}
			.alignright,
			.alignleft,
			.alignnone {
				margin-bottom: 5px;
				width: auto;
			}
			blockquote {
				border-left:3px solid #9C0C19;
				margin: 1em 0 1.25em 4em;
				padding: 1em 2em 0.1em 2em;
			}
			blockquote p {
				line-height: 1.6;
			}

			ol.commentlist > li {
				margin-left: 2em; /* Give each list item a left margin to make room for the numbers */
				padding-left: 4em; /* Add some spacing around the content */
			}
			ol.commentlist > li:before {
				font-size: 2.5em;
				padding:0.2em 1px;
			}
			.home .addthis_toolbox {
				display: block;
			}
				.alert-box {
					margin-top: -40px;
					text-indent: 40px;
					margin-bottom: 4em;
				}
				#sidebar {
				margin-top: -3em;
				background-color: rgba(208, 208, 208, 0.09);
				}
				#secondary {
				padding-top: 3em;
				}

				body {
					width: 100.01%;
				}
			/*	  .row .column,
				  .row .columns {
					padding-left: 3em;
					padding-right: 1.5em;
				}
				.post-box {
					margin-right: 6em;
				}*/

				.required-header  {
					padding-top: 20px;
					margin: 0 0 3em;
					width: 100%;
				}
				hgroup {
					width: 551px;
				}
				ol,
				p,
				.entry-content p {
					line-height: 1.6;
				}
			.entry-content p,
			.comment-content p,
			.post.pingback p,
			.entry-content ol {
				font-size: 1.04em;
			}

				h1 {
					font-size: 3em;
				}
				h1.site-title {
					font-size: 4em;
					margin-bottom: 0;
				}
				h4.site-description {
					font-size: 1.6em;
					padding: 0;
					letter-spacing: 0.04em;
				}
				.entry-meta a:hover {
					color:#000;
				}
				h6.tag-links a:hover,
				h6.category-links a:hover,
				.comments-link a:hover {
				background-color: #000;
				color: #fff;
				}
				h6.tag-links a,
				h6.category-links a,
				.comments-link a {
					background-color: #9C0C19;
					padding: 2px 5px 3px;
					color: white;
					font-weight: normal;
					text-align: center;
					margin: 0 0.4em 0.5em 0;
					border: none;	
					border-radius: 5px;
				}
				.format-link h6.tag-links a,
				.format-link h6.category-links a,
				.format-link .comments-link a {
					background-color: #0074A2;
				}
				.comments-link a {
					padding: 0.75em 1.5em 0.8125em;
				}
				h6.tag-links a:after,
				h6.category-links a:after,
				.entry-meta a:after {
				content: none;
				} 
				.entry-meta {
				font-size: 0.875em;
				}
				.nav-single,
				#comments-title {
					line-height: 1.1;
				}
				h2#comments-title {
					font-size: 1.6em;
				}
				article.comment,
				.post.pingback p {
					margin: 0 0 2.886em;
				}
				.panel {
					margin-bottom: 1.25em;
					padding-bottom: 1.25em;
				}
				header {
					width: 100%;
				}
}

/* end of main media query for screens larger than mobile phones */

@media only screen and (min-width : 1211px) {
			.navi-touch {
				display: none;
			}
			.navi-screen {
				display: block;
			}
}

@media only screen
and (min-width : 481px)
and (max-width : 1024px) {
	.post-box {
		margin-right: 0;
	}
}
@media only screen 
and (min-width : 481px)
and (max-width : 768px) {
	p {
		text-align: left;
	}
	.alignright,
	.alignleft,
	.alignnone {
		width: 100%;
	}
}

@media only screen
and (min-width : 1025px) {
	.required-header  {
		padding-left: 3em;
	}
	#content {
		padding-left: 3em;
	}
	#main {
		padding-right: 3em;
	}
}
article footer.entry-meta {
    margin: 2.6em 0 1.875em;
}
.format-link footer.entry-meta,
.format-status footer.entry-meta {
    margin: 0 0 1.875em;
}
a,
.recent-comment-author {
	color: #9C0C19;
}

.bwp-rc-ulist a:hover,
.recent-comment-author:hover {
	color: #279586;
}

.format-link,
.format-status {
    background-color: #FFFFFF;
    border: 1px dotted #000000;
	padding: 1em;
	margin: 0 0 1.875em 0;
}

.format-link .entry-content p,
.format-status .entry-content p {
	font-family: 'Lato', 'Lucida Grande',Verdana,sans-serif;
	font-size: 0.85em;
	font-weight: 400;
    letter-spacing: 0.01em;
}

.format-link .entry-content a.mainlink {
	float: right;
}

.format-status {
	background-color: #FBFAB5;
}
.format-link footer.entry-meta,
.format-status footer.entry-meta {
	margin-bottom: 0;
	padding-bottom: 0;
	border: 0;
}
.format-link .entry-content a {
    font-size: 1em;
    line-height: 1.6;
}
.format-link .entry-content p:last-of-type {
	font-size: 1.17648em;
	text-align: right;
	margin-bottom: 0;
}
.format-link .entry-content p:nth-last-of-type(2) {
	margin-bottom: 0;
}
.format-link .entry-content,
.format-status .entry-content{
	margin: 0 0.4em 0 0;
}
.comments-link a,
.social-buttons-bottom {
	font-size: 1.5em;
	clear: both;
	float: right;
}
.left:first-child {
	margin-left: 3em;
}

.top-bar-section > ul > .divider {
    border-right: solid 1px #FFF;
    border-left: solid 1px #FFF;
    clear: none;
    width: 0px;
}

.top-bar,
.top-bar-section li a:not(.button) {
	background-color: #AAAAAA;
}

.top-bar,
.top-bar .name,
.top-bar-section ul li > a,
.top-bar-section .has-form,
.top-bar-section li a:not(.button),
.top-bar-section > ul > .divider {
    height: 25px;
    line-height: 25px;
}

.top-bar-section .has-form {
    background: none repeat scroll 0 0 #FFFFFF;
}

.bwp-rc-widget {
	font-size: 0.8em;
}
.bwc-comment-group-title {
	line-height: 1.1em;
	padding-right: 1.5em;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
}

ul.bwp-rc-ulist>li {
	color: #434343 !important;
	line-height: 1em;
	margin-bottom: 0.9em;
}

.bwp-rc-ajax-nav {
	display: none;
}
ul.bwp-rc-ulist li ul {
	padding-bottom: 0.3em !important;
	text-transform: lowercase !important;
	line-height: 1.4em;
}

.bwp-rc-ulist a {
	color: #585759;
  	font-size: 1em !important;
	font-style: italic;
	font-weight: normal !important;
	line-height: 1.2em;
}
@media only screen 
and (max-width : 1024px) {
	ul.bwp-rc-ulist li ul {
		line-height: 2em;
	}
}

.lt-ie9 .edit-comment-admin-links {
	margin-top: 0;
}
.lt-ie9 .edit-comment-admin-links a {
	padding: 0;
}
.lt-ie9 hgroup {
	width: 100% !important;
}
.lt-ie9 .alert-box {
		margin-top: -40px !important;
		text-indent: 40px !important;
		margin-bottom: 4em !important;
	}
.lt-ie9 #sidebar {
	margin-top: -3em !important;
	background-color: rgba(208, 208, 208, 0.09) !important;
	}
.lt-ie9 #secondary {
	padding-top: 3em !important;
	}
.lt-ie9 .mobilejump {
		display: none !important;
	}
.lt-ie9 body {
		width: 100.01% !important;
	}
/*.lt-ie9 .row .column,
	  .lt-ie9 .row .columns {
		padding-left: 3em !important;
		padding-right: 1.5em !important;
	}
.lt-ie9 .post-box {
		margin-right: 6em !important;
	}*/
.lt-ie9 blockquote, .lt-ie9 blockquote p {
		line-height: 1.6 !important;
	}
.lt-ie9 blockquote {
	margin-bottom: 1.25em !important;
	padding: 1em 2em 0.1em 4em !important;
	border-left:10px solid #ccc !important;
	margin: 1em 0 1.25em 3em !important;
}
.lt-ie9 .required-header  {
		padding-left: 3em !important;
		padding-top: 20px !important;
		margin: 0 0 3em !important;
		width: 100% !important;
	}
.lt-ie9 hgroup {
		width: 551px !important;
	}
.lt-ie9 ol,
.lt-ie9 p,
.lt-ie9 .entry-content p {
	line-height: 1.6 !important;
}
.lt-ie9 .entry-content p,
.lt-ie9 .comment-content p,
.lt-ie9 .post.pingback p {
	font-size: 1.04em;
}

.lt-ie9 h1 {
	font-size: 3em !important;
}
.lt-ie9 h1.site-title {
	font-size: 4em !important;
	margin-bottom: 0 !important;
}
.lt-ie9 h4.site-description {
	font-size: 1.6em !important;
	direction: rtl !important; 
	padding: 0 !important; 
	text-indent: 0.4em !important; 
	letter-spacing: 0.04em !important;
}
	
.lt-ie9 .entry-meta a:hover {
	color:#000 !important;
}
.lt-ie9 h6.tag-links a:hover,
.lt-ie9 h6.category-links a:hover,
.lt-ie9 .comments-link a:hover {
	background-color: #000 !important;
	color: #fff !important;
}
.lt-ie9 h6.tag-links a,
.lt-ie9 h6.category-links a,
.lt-ie9 .comments-link a {
	background-color: #9C0C19 !important;
	padding: 2px 5px 3px !important;
	color: white !important;
	font-weight: normal !important;
	text-align: center !important;
	margin: 0 0.4em 0.5em 0 !important;
	border-radius: 5px !important;
}
.lt-ie9 h6.tag-links a:after,
.lt-ie9 h6.category-links a:after,
.lt-ie9 .entry-meta a:after {
content: none !important;
} 
.lt-ie9 .entry-meta {
font-size: 0.875em !important;
}
.lt-ie9 .nav-single,
.lt-ie9 #comments-title {
	line-height: 1.1 !important;
}
.lt-ie9 h2#comments-title {
	font-size: 1.6em !important;
}
.lt-ie9 article.comment {
	/ *margin: 1.875em 0 !important; */
	margin: 0 0 3em !important;
}
.lt-ie9 .panel,
.lt-ie9 .post.pingback p {
	margin-bottom: 1.25em !important;
	padding-bottom: 1.25em !important;
}
.lt-ie9 .row .large-8 {
    position: relative !important;
    width: 66.6667% !important;
}
.lt-ie9 .row .large-4 {
    position: relative !important;
    width: 33.3333% !important;
}
.lt-ie9 .home .addthis_toolbox {
	display: block !important;
}
.lt-ie9 .widget_recent_entries ul {
	height: 200px !important;
	overflow: scroll !important;
}
.lt-ie9 header {
	width: 100% !important;
}
.lt-ie9 .alignright,
.lt-ie9 .alignleft,
.lt-ie9 .alignnone {
	margin-bottom: 5px !important;
	width: auto;
}

.lt-ie9 p {
	text-align: justify !important;
}
/*
Make the Facebook Like box responsive (fluid width)
https://developers.facebook.com/docs/reference/plugins/like-box/
*/
 
/* This element holds injected scripts inside iframes that in some cases may stretch layouts. So, we're just hiding it. */
#fb-root {
display: none;
}
 
/* To fill the container and nothing else */
.widget .fb_iframe_widget,
.widget .fb_iframe_widget span,
.widget .fb_iframe_widget span iframe[style] {
	width: 100% !important;
}

.addthis_counter.addthis_pill_style a.addthis_button_expanded {
	width: 50px !important;
}

/* The items below are added to style the text generated by Ajax Comment Preview plugin */

#ajax-comment-preview .comment-body {
	padding:20px;
	font-size: .9em;
	border: dotted black 1px;
	margin-bottom:20px;
}

#ajax-comment-preview h2 {
	display:inline;
	padding:0 0 5px 0;
}

#div-comment-preview {
	font-size:1.25em;
}


/* Smart Archives Reloaded plugin CSS,
 * moved into this file by way of a filter that
 * stops it loading them externally
 * (filter is in functions.php)
 */
 
.year-list, .month-list {
	width: 100% !important;
	float: left !important;
	
	margin: 0 !important;
	padding: 0 !important;
	text-indent: 0 !important;

}

.year-list {
	margin-top: 10px !important;
	background: url(wp-content/plugins/smart-archives-reloaded/inc/img/archive-year-background.png) repeat-x center bottom;
}

.month-list {
	border-bottom: 2px solid #E8EDEE;
	padding: 5px 3px !important;
}
.year-list li,
.month-list li {
	list-style: none !important;
	float: left;
	clear: none !important;
	font-size: 14px;
	color: #BDC0C3;
	margin: 0 !important;	
	padding: 0 !important;	
	line-height: 1 !important;
}

.year-list li:before,
.month-list li:before {	
	content: '' !important;
}


.year-list a {
	float: left;
	font-size: 2.8em;
	padding: 5px 7px 10px !important;
}


.year-list .current {
	background: url(wp-content/plugins/smart-archives-reloaded/inc/img/archive-year-pointer.png) no-repeat center bottom;
	color: #000;
}

.month-list li {
	padding: 3px 5px !important;
}

.month-list .current,
.month-list .current a {
	background: none;
	color: #000;
}

.archive-list li {
	list-style: none !important;
	margin-bottom: 10px;
	margin-left: 4em;
}
.archive-list li h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.archive-list li a {
	font-family: 'Cabin Condensed',Helvetica,Arial,sans-serif; 	
	letter-spacing: 0.3px;
}
/* Fancy */

#smart-archives-fancy a {
	
	outline: none !important;

}
#smart-archives-fancy h2 {
	
	font-family: 'Open Sans Condensed', Arial, sans-serif;

}
.pane {
	float: left;
	clear: both;
	display: none;
	width: 100%;
}

.month-heading {
	margin: 20px 0 10px;
}

span.month-archive-link {
	font-size: 70%;
	font-weight: normal;
}



/* Block */

#smart-archives-block {
	float: left;
	width: 100%;
}


#smart-archives-fancy ul.archive-list {
	text-transform: lowercase;
}

@media only screen and (max-width : 767px) {
	.bwp-rc-ulist .recent-comment a {
		background: none repeat scroll 0 0 #7B949F;
		border: 1px solid #5F5F5F;
		border-radius: 15px;
		color: white;
		margin-top: 10px;
		padding: 10px;
	}
	.recent-comment {
		margin-top: 20px;
	}
	.recent-comment-author {
		color: white;
	}
}
/*@media only screen
and (min-width : 769)
and (max-width : 1024px) {
.row .large-8 {
	width: 62.9%;
}
.row .large-4 {
    position: relative;
    width: 37%;
}
}*/

.footnotes {
	margin-top: 20px;
}

sup[id^="footnote"] {
	font-size: 0.9em;
	top: 0;
	line-height: 1.6em;
	margin-bottom: 1.5em;
}

sup a[href^="#footnote"],
sup a[href^="#reference"] {
	color: #9C0C19;
}


sup a[href^="#reference"] {
	font-size: 1.5em;
}

sup a[href^="#footnote"] {
	font-size: 1.2em;
}