.text-content a, .text-content a:hover {
	color: #6fc497 !important;
}

/*
	CSS Migrated from Jetpack:
*/

/*
Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.

By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.
*/
.note {
	width: 100%;
	position: relative;
	padding: 10px;
	margin: 2em auto;
	color: #fff;
	background: #97C02F;
	overflow: hidden;
}

.note:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	border-width: 0 16px 16px 0;
/* This trick side-steps a webkit bug */
	border-style: solid;
	border-color: #fff #fff #658E15 #658E15;
/* A bit more verbose to work with .rounded too */
	background: #658E15;
/* For Opera when also applying a border-radius */
	display: block;
	width: 0;
/* Only for Firefox 3.0 damage limitation */
/* Optional: shadow */
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
}

.note.red {
	background: #C93213;
}

.note.red:before {
	border-color: #fff #fff #97010A #97010A;
	background: #97010A;
}

.note.blue {
	background: #53A3B4;
}

.note.blue:before {
	border-color: #fff #fff transparent transparent;
	background: transparent;
}

.note.blue1 {
	background: #577FAE;
}

.note.blue1:before {
	border-color: #fff #fff transparent transparent;
	background: transparent;
}

.note.taupe {
	background: #999868;
}

.note.taupe:before {
	border-color: #fff #fff #BDBB8B #BDBB8B;
	background: #BDBB8B;
}

/* ROUNDED CORNERS VERSION
 * All modern browsers can produce this effect with a single pseudo-element.
 * However, they all have bugs (mainly to do with border-radius) that make this a bit tricky.
 * As far as I can tell, this is the only cross-browser method for the moment.
 * Can't use this method for the simple effect because Opera 11 will only show backgrounds
 * through transparent borders if there is a border-radius applied.
 */
.note.rounded {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.note.rounded:before {
	border-width: 8px;
/* Triggers a 1px 'step' along the diagonal in Safari 5 (and Chrome 10) */
	border-color: #fff #fff transparent transparent;
/* Avoids the 1px 'step' in webkit. Background colour shows through */
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius: 0 0 0 5px;
	border-radius: 0 0 0 5px;
}

.note p {
	margin: 0;
}

.note p + p {
	margin: 1.5em 0 0;
}

/*
	CSS Migrated from Jetpack:
*/

/*
Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.

By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.
*/
.note {
	width: 100%;
	position: relative;
	padding: 10px;
	margin: 2em auto;
	color: #fff;
	background: #97C02F;
	overflow: hidden;
}

.note:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	border-width: 0 16px 16px 0;
/* This trick side-steps a webkit bug */
	border-style: solid;
	border-color: #fff #fff #658E15 #658E15;
/* A bit more verbose to work with .rounded too */
	background: #658E15;
/* For Opera when also applying a border-radius */
	display: block;
	width: 0;
/* Only for Firefox 3.0 damage limitation */
/* Optional: shadow */
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
}

.note.red {
	background: #C93213;
}

.note.red:before {
	border-color: #fff #fff #97010A #97010A;
	background: #97010A;
}

.note.blue {
	background: #53A3B4;
}

.note.blue:before {
	border-color: #fff #fff transparent transparent;
	background: transparent;
}

.note.blue1 {
	background: #577FAE;
}

.note.blue1:before {
	border-color: #fff #fff transparent transparent;
	background: transparent;
}

.note.taupe {
	background: #999868;
}

.note.taupe:before {
	border-color: #fff #fff #BDBB8B #BDBB8B;
	background: #BDBB8B;
}

/* ROUNDED CORNERS VERSION
 * All modern browsers can produce this effect with a single pseudo-element.
 * However, they all have bugs (mainly to do with border-radius) that make this a bit tricky.
 * As far as I can tell, this is the only cross-browser method for the moment.
 * Can't use this method for the simple effect because Opera 11 will only show backgrounds
 * through transparent borders if there is a border-radius applied.
 */
.note.rounded {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.note.rounded:before {
	border-width: 8px;
/* Triggers a 1px 'step' along the diagonal in Safari 5 (and Chrome 10) */
	border-color: #fff #fff transparent transparent;
/* Avoids the 1px 'step' in webkit. Background colour shows through */
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius: 0 0 0 5px;
	border-radius: 0 0 0 5px;
}

.note p {
	margin: 0;
}

.note p + p {
	margin: 1.5em 0 0;
}