a:4:{s:8:"template";s:16117:"<!DOCTYPE html>
<html class="no-js" lang="en-US">
<head>
<meta charset="utf-8"/>
<meta content="width=device-width" name="viewport"/>
<link href="http://gmpg.org/xfn/11" rel="profile"/>

<title>{{ keyword }}</title>

<style id="twentyfifteen-style-css" media="all" rel="stylesheet" type="text/css">

html, body, div, span, h2, p, a, ul, li, form, label {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 62.5%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	background: #f1f1f1;
}

aside,
footer,
header {
	display: block;
}

ul {
	list-style: none;
}

a:focus {
	outline: 2px solid #c1c1c1;
	outline: 2px solid rgba(51, 51, 51, 0.3);
}

a:hover,
a:active {
	outline: 0;
}


/**
 * 2.0 - Genericons
 */

.secondary-toggle:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-family: "Genericons";
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	speak: none;
	text-align: center;
	text-decoration: inherit;
	text-transform: none;
	vertical-align: top;
}


/**
 * 3.0 Typography
 */

body,
button,
input {
	color: #333;
	font-family: "Noto Serif", serif;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
}

h2 {
	clear: both;
	font-weight: 700;
}

p {
	margin-bottom: 1.6em;
}


/**
 * 4.0 Elements
 */

ul {
	margin: 0 0 1.6em 1.3333em;
}

ul {
	list-style: disc;
}

/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder {
	color: rgba(51, 51, 51, 0.7);
	font-family: "Noto Sans", sans-serif;
}

:-moz-placeholder {
	color: rgba(51, 51, 51, 0.7);
	font-family: "Noto Sans", sans-serif;
}

::-moz-placeholder {
	color: rgba(51, 51, 51, 0.7);
	font-family: "Noto Sans", sans-serif;
	opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: rgba(51, 51, 51, 0.7);
	font-family: "Noto Sans", sans-serif;
}


/**
 * 5.0 Forms
 */

button,
input {
	background-color: #f7f7f7;
	border-radius: 0;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}

button,
input {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	line-height: normal;
}

input {
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); /* Removing the inner shadow on iOS inputs */
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
}

input:focus {
	background-color: #fff;
	border: 1px solid #c1c1c1;
	border: 1px solid rgba(51, 51, 51, 0.3);
	color: #333;
}

input:focus {
	outline: 2px solid #c1c1c1;
	outline: 2px solid rgba(51, 51, 51, 0.3);
}

button,
input[type="submit"] {
	-webkit-appearance: button;
	background-color: #333;
	border: 0;
	color: #fff;
	cursor: pointer;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	padding: 0.7917em 1.5em;
	text-transform: uppercase;
}

button:hover,
input[type="submit"]:hover,
button:focus,
input[type="submit"]:focus {
	background-color: #707070;
	background-color: rgba(51, 51, 51, 0.7);
	outline: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="search"] {
	padding: 0.375em;
	width: 100%;
}

input[type="search"]:focus {
	outline: 0;
}

.search-form input[type="submit"],
.widget .search-form input[type="submit"] {
	padding: 0;
}


/**
 * 6.0 Navigations
 */


/**
 * 6.1 Links
 */

a {
	color: #333;
	text-decoration: none;
}

a:hover,
a:focus {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
}


/**
 * 6.2 Menus
 */

.secondary-toggle {
	background-color: transparent;
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
	height: 42px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 50%;
	right: 0;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 42px;
}

.secondary-toggle:before {
	color: #333;
	content: "\f419";
	line-height: 40px;
	width: 40px;
}

.secondary-toggle:hover,
.secondary-toggle:focus {
	background-color: transparent;
	border: 1px solid #c1c1c1;
	border: 1px solid rgba(51, 51, 51, 0.3);
	outline: 0;
}

/* reset screen-reader-text */


/**
 * 7.0 Accessibility
 */

/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}

/* must have higher specificity than alternative color schemes inline styles */
.site .skip-link {
	background-color: #f1f1f1;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
	color: #21759b;
	display: block;
	font: bold 14px/normal "Noto Sans", sans-serif;
	left: -9999em;
	outline: none;
	padding: 15px 23px 14px;
	text-decoration: none;
	text-transform: none;
	top: -9999em;
}

.site .skip-link:focus {
	clip: auto;
	height: auto;
	left: 6px;
	top: 7px;
	width: auto;
	z-index: 100000;
}


/**
 * 8.0 Alignments
 */


/**
 * 9.0 Clearings
 */

.site:before,
.site:after,
.site-content:before,
.site-content:after {
	content: "";
	display: table;
}

.site:after,
.site-content:after {
	clear: both;
}


/**
 * 10.0 Header
 */

.site-header {
	background-color: #fff;
	border-bottom: 1px solid rgba(51, 51, 51, 0.1);
	padding: 7.6923%;
}

.site-branding {
	min-height: 2em;
	padding-right: 60px;
	position: relative;
}

.site-title {
	font-family: "Noto Sans", sans-serif;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1.3636;
	margin-bottom: 0;
}


/**
 * 11.0 Widgets
 */

.widget {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	margin: 0 auto 9.09090%;
	width: 100%;
	word-wrap: break-word;
}

.widget input {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
}

.widget input {
	line-height: normal;
}

.widget input[type="submit"] {
	font-size: 12px;
	font-size: 1.2rem;
	padding: 0.7917em 1.5833em;
}

.widget input[type="search"] {
	padding: 0.375em;
}

.widget-title {
	color: #333;
	font-family: "Noto Sans", sans-serif;
	margin: 0 0 1.6em;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.widget > :last-child {
	margin-bottom: 0;
}

.widget_categories a {
	border: 0;
}

.widget_categories ul {
	list-style: none;
	margin: 0;
}

.widget_categories li {
	border-top: 1px solid #eaeaea;
	border-top: 1px solid rgba(51, 51, 51, 0.1);
	padding: 0.7667em 0;
}

.widget_categories li:first-child {
	border-top: 0;
	padding-top: 0;
}

.widget_categories li:last-child {
	padding-bottom: 0;
}


/**
 * 12.0 Content
 */

.secondary {
	background-color: #fff;
	display: none;
	padding: 0 7.6923%;
}

.widget-area {
	margin: 9.09090% auto 0;
}

.site-footer {
	background-color: #fff;
	border-top: 1px solid rgba(51, 51, 51, 0.1);
	padding: 3.84615% 7.6923%;
}


@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

/**
 * 16.1 Mobile Large 620px
 */

@media screen and (min-width: 38.75em) {
	ul {
		margin-left: 0;
	}

	.site-branding {
		min-height: 3.2em;
	}

	.site-title {
		font-size: 22px;
		font-size: 2.2rem;
		line-height: 1.0909;
	}

	.secondary {
		box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
		margin: 7.6923% 7.6923% 0;
		padding: 7.6923% 7.6923% 0;
	}

	.widget-area {
		margin-top: 0;
	}

	.widget {
		margin-bottom: 11.1111%;
	}

	.site-footer {
		border-top: 0;
		box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
		margin: 0 7.6923%;
		padding: 3.84615% 7.6923%;
	}

	/* restore screen-reader-text */
}


/**
 * 16.2 Tablet Small 740px
 */

@media screen and (min-width: 46.25em) {
	body,
	button,
	input {
		font-size: 17px;
		font-size: 1.7rem;
		line-height: 1.6471;
	}

	button,
	input {
		line-height: normal;
	}

	p,
	ul {
		margin-bottom: 1.6471em;
	}

	button,
	input[type="submit"] {
		font-size: 14px;
		font-size: 1.4rem;
		padding: 0.8214em 1.6429em;
	}

	input[type="search"] {
		padding: 0.5em;
	}

	.secondary-toggle {
		height: 56px;
		width: 56px;
	}

	.secondary-toggle:before {
		line-height: 54px;
		width: 54px;
	}

	.site-branding {
		min-height: 3.7059em;
		padding-right: 66px;
	}

	.site-title {
		font-size: 29px;
		font-size: 2.9rem;
		line-height: 1.2069;
	}

	.widget {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.5;
	}

	.widget ul {
		margin-bottom: 1.5em;
	}

	.widget input {
		line-height: 1.75;
	}

	.widget input {
		line-height: normal;
	}

	.widget input[type="submit"] {
		font-size: 14px;
		font-size: 1.4rem;
		padding: 0.8214em 1.6429em;
	}

	.widget input[type="search"] {
		padding: 0.5625em;
	}

	.widget-title {
		margin: 0 0 1.5em;
	}

	.widget_categories li {
		padding: 0.9643em 0;
	}
}


/**
 * 16.3 Tablet Large 880px
 */

@media screen and (min-width: 55em) {
	body,
	button,
	input {
		font-size: 19px;
		font-size: 1.9rem;
		line-height: 1.6842;
	}

	button,
	input {
		line-height: normal;
	}

	p,
	ul {
		margin-bottom: 1.6842em;
	}

	button,
	input[type="submit"] {
		font-size: 16px;
		font-size: 1.6rem;
		padding: 0.8125em 1.625em;
	}

	input[type="search"] {
		padding: 0.5278em;
	}

	.secondary-toggle {
		height: 64px;
		width: 64px;
	}

	.secondary-toggle:before {
		line-height: 62px;
		width: 62px;
	}

	.site-branding {
		min-height: 3.7895em;
		padding-right: 74px;
	}

	.site-title {
		font-size: 32px;
		font-size: 3.2rem;
		line-height: 1.25;
	}

	.widget {
		font-size: 16px;
		font-size: 1.6rem;
	}

	.widget input {
		line-height: 1.5;
	}

	.widget input {
		line-height: normal;
	}

	.widget input[type="submit"] {
		font-size: 16px;
		font-size: 1.6rem;
		padding: 0.8125em 1.625em;
	}

	.widget input[type="search"] {
		padding: 0.75em;
	}

	.widget_categories li {
		padding: 0.7188em 0;
	}
}


/**
 * 16.4 Desktop Small 955px
 */

@media screen and (min-width: 59.6875em) {
	body:before {
		background-color: #fff;
		box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
		content: "";
		display: block;
		height: 100%;
		min-height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		width: 29.4118%;
		z-index: 0; /* Fixes flashing bug with scrolling on Safari */
	}

	.site {
		margin: 0 auto;
		max-width: 1403px;
	}

	.sidebar {
		float: left;
		margin-right: -100%;
		max-width: 413px;
		position: relative;
		width: 29.4118%;
	}

	.secondary {
		background-color: transparent;
		box-shadow: none;
		display: block;
		margin: 0;
		padding: 0;
	}

	.site-content {
		display: block;
		float: left;
		margin-left: 29.4118%;
		width: 70.5882%;
	}

	body {
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 1.6;
	}

	p,
	ul {
		margin-bottom: 1.6em;
	}

	button,
	input {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1.5;
	}

	button,
	input {
		line-height: normal;
	}

	button,
	input[type="submit"] {
		font-size: 12px;
		font-size: 1.2rem;
		padding: 0.7917em 1.5833em;
	}

	input[type="search"] {
		padding: 0.375em;
	}

	.secondary-toggle {
		display: none;
	}

	.site-header {
		background-color: transparent;
		border-bottom: 0;
		margin: 20% 0;
		padding: 0 20%;
	}

	.site-branding {
		min-height: 0;
		padding: 0;
	}

	.site-title {
		font-size: 22px;
		font-size: 2.2rem;
		line-height: 1.3636;
	}

	.widget {
		font-size: 12px;
		font-size: 1.2rem;
		margin: 0 0 20%;
		padding: 0 20%;
	}

	.widget input {
		font-size: 12px;
		font-size: 1.2rem;
	}

	.widget input[type="submit"] {
		font-size: 12px;
		font-size: 1.2rem;
		padding: 0.5417em 1.0833em;
	}

	.widget input[type="search"] {
		padding: 0.4583em;
	}

	.widget_categories li {
		padding: 0.4583em 0;
	}

	.site-footer {
		float: left;
		margin: 0 0 0 35.2941%;
		padding: 0;
		width: 58.8235%;
	}
}


/**
 * 16.5 Desktop Medium 1100px
 */

@media screen and (min-width: 68.75em) {
	body,
	button,
	input {
		font-size: 17px;
		font-size: 1.7rem;
		line-height: 1.6471;
	}

	button,
	input {
		line-height: normal;
	}

	p,
	ul {
		margin-bottom: 1.6471em;
	}

	button,
	input[type="submit"] {
		font-size: 14px;
		font-size: 1.4rem;
		padding: 0.8214em 1.5714em;
	}

	input[type="search"] {
		padding: 0.5em;
	}

	.site-title {
		font-size: 24px;
		font-size: 2.4rem;
		line-height: 1.1667;
	}

	.widget {
		font-size: 14px;
		font-size: 1.4rem;
	}

	.widget input {
		font-size: 14px;
		font-size: 1.4rem;
	}

	.widget input[type="submit"] {
		font-size: 12px;
		font-size: 1.2rem;
		padding: 0.75em 1.5em;
	}

	.widget input[type="search"] {
		padding: 0.5em;
	}

	.widget_categories li {
		padding: 0.4643em 0;
	}
}


/**
 * 16.6 Desktop Large 1240px
 */

@media screen and (min-width: 77.5em) {
	body,
	button,
	input {
		font-size: 19px;
		font-size: 1.9rem;
		line-height: 1.6842;
	}

	button,
	input {
		line-height: normal;
	}

	p,
	ul {
		margin-bottom: 1.6842em;
	}

	button,
	input[type="submit"] {
		font-size: 16px;
		font-size: 1.6rem;
		padding: 0.8125em 1.625em;
	}

	input[type="search"] {
		padding: 0.5278em;
	}

	.site-title {
		font-size: 27px;
		font-size: 2.7rem;
		line-height: 1.1852;
	}

	.widget {
		font-size: 16px;
		font-size: 1.6rem;
	}

	.widget input {
		font-size: 16px;
		font-size: 1.6rem;
	}

	.widget input[type="submit"] {
		font-size: 13px;
		font-size: 1.3rem;
		padding: 0.8462em 1.6923em;
	}

	.widget input[type="search"] {
		padding: 0.5em;
	}

	.widget_categories li {
		padding: 0.4688em 0;
	}
}


/**
 * 16.7 Desktop X-Large 1403px
 */

@media screen and (min-width: 87.6875em) {
	body:before {
		width: -webkit-calc(50% - 289px);
		width: calc(50% - 289px);
	}
}


/**
 * 17.0 Print
 */

@media print {
	body {
		background: none !important; /* Brute force since user agents all print differently. */
		font-size: 11.25pt;
	}

	.secondary-toggle,
	button,
	input {
		display: none;
	}

	.site-header,
	.site-footer {
		background: none !important; /* Make sure color schemes dont't affect to print */
	}

	body,
	label,
	a,
	.site-title a {
		color: #000 !important; /* Make sure color schemes don't affect to print */
	}

	.site-header,
	.site-footer {
		border-color: #eaeaea !important; /* Make sure color schemes don't affect to print */
	}

	.site {
		margin: 0 7.6923%;
	}

	.sidebar {
		position: relative !important; /* Make sure sticky sidebar doesn't affect to print */
	}

	.site-branding {
		padding: 0;
	}

	.site-header {
		padding: 7.6923% 0;
	}

	.site-footer {
		margin-top: 7.6923%;
		padding: 3.84615% 0;
	}
}


</style>

</head>
<body class="">
<div class="hfeed site" id="page">
<a class="skip-link screen-reader-text" href="#">Skip to content</a>
<div class="sidebar" id="sidebar">
<header class="site-header" id="masthead" role="banner">
<div class="site-branding">
<p class="site-title"><a href="#" rel="home">{{ keyword }}</a></p>
<button class="secondary-toggle">Menu and widgets</button>
</div>
</header>
<div class="secondary" id="secondary">
<div class="widget-area" id="widget-area" role="complementary">
<aside class="widget widget_search" id="search-2"><form action="#" class="search-form" method="get" role="search">
<label>
<span class="screen-reader-text">Search for:</span>
<input class="search-field" name="s" placeholder="Search " type="search" value=""/>
</label>
<input class="search-submit screen-reader-text" type="submit" value="Search"/>
</form></aside>
<aside class="widget widget_categories" id="categories-2"><h2 class="widget-title">Categories</h2> <ul>
<li class="cat-item cat-item-1"><a href="#">Uncategorized</a>
</li>
</ul>
</aside> </div>
</div>
</div>
<div class="site-content" id="content">

{{ text }}

	</div>
<footer class="site-footer" id="colophon" role="contentinfo">
</footer>
</div>




</body>
</html>";s:4:"text";s:3044:"Hi All. Here's an interesting way to add multiple background images to an element using CSS2. Learn Advanced CSS: Multiple Background Images with background-clip , background-origin , and background-size - Exercise Remember, you can apply multiple background images to an element. You can list multiple background images Create Five Awesome Hover Effects Using CSS Multiple Backgrounds. Positioning. Following is the example which demonstrate the multi background images Instead we'd need to nest another element for every additional background image. This method of progressive enhancement works for all browsers that support CSS 2.1 pseudo-elements and their positioning. CSS Multiple Backgrounds. Image is scaled to the largest size possible so that it fills the background positioning area. I hope you can help me, I am trying to have two background images that have fixed positioning, one tight to ... you may need to create a composition of multiple images to build your background. Cascading Style Sheets (CSS) level 3, also known as CSS3, introduces multiple background images support. The background-position CSS property sets the initial position, relative to the background position layer defined by background-origin, for each defined background image. Multiple background images with CSS2. Instead we'd need to nest another element for every additional background image. I'd like to position two images within that div.  If you need to position a background-image in CSS 20px from the left and 10px from the top, that's easy. Another one of those simple features is multiple background images with CSS. CSS multiple backgrounds adds color overlay on top of a background image, all within the same element, without introducing any additional HTML. If you need to position a background-image in CSS 20px from the left and 10px from the top, that's easy. I want them to be set out like so: top image (12px height) no-repeat middle image repea You can do background-position: 20px 10px;. Multiple background images positioning Problem I've got three background images, all of width 643px. Mastering CSS3 Multiple Backgrounds. CSS3 Multiple Backgrounds ... exploration are elements with multiple background images. 080831. To define multiple backgrounds you should use the background-image rule by enumerating your images comma-separated. CSS Property: background-size. In this Quick Tip we'll learn how to apply multiple background images to an element with just one CSS declaration. Introducing CSS3 Multiple Backgrounds ... the ability to specify multiple, layered background images. CSS allows you to add multiple background images for an element, through the background-image property. You can do background-position: 20px 10px;. The different background images Another one of those simple features is multiple background images with CSS. Multiple background images positioning Problem I've got three background images, all of width 643px. How do I position multiple images within a div? A Primer To Background Positioning In CSS. ";s:7:"keyword";s:42:"multiple background images css positioning";s:7:"expired";i:-1;}