/*
Theme Name: Spirit
Theme URI: http://carolinethemes.com/2012/12/17/spirit/
Author: Caroline Moore
Author URI: http://carolinemoore.net/
Description: A merry and bright blogging theme. Happy holidays!
Version: 1.1
License: GNU General Public License
License URI: license.txt
Tags: post-formats, flexible-header, custom-menu, seasonal, full-width-template, sticky-post, white, blue, holiday, one-column, two-columns, right-sidebar, fixed-width, rtl-language-support, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/


/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body {
	background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}
a img {
	border: 0;
}


/* =Global
----------------------------------------------- */

body {
	position: absolute;
	width: 100%;
}
body,
button,
input,
select,
textarea {
	color: #666;
	font-family: 'PT Serif', Baskerville, serif;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 300;
	line-height: 1.8;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
	color: #d12d2f;
	font-family: 'PT Sans', Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
	margin: .9em 0;
	text-shadow: 1px 1px 0 #fff;
	text-transform: uppercase;
}
h1 {
	border-bottom: 1px dotted #d12d2f;
	font-size: 28px;
	font-size: 2.8rem;
	margin: 0 0 .9em;
}
h2 {
	color: #31b3c4;
	font-size: 2.4px;
	font-size: 2.4rem;
	margin: 0;
}
h3 {
	color: #999;
	font-size: 2.0px;
	font-size: 2.0rem;
	margin: 0;
}
h4 {
	font-size: 18px;
	font-size: 1.8rem;
}
h5 {
	color: #31b3c4;
	font-size: 16px;
	font-size: 1.6rem;
}
h6 {
	color: #999;
	font-size: 14px;
	font-size: 1.4rem;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.8em;
}

/* Text elements */
p {
	margin-bottom: 1.8em;
}
ul, ol {
	margin: 0 0 1.8em 3em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
	margin-left: 1.8em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.8em 1.8em;
}
b, strong {
	font-weight: bold;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	border-left: 5px solid #d12d2f;
	font-style: italic;
	padding: 0 1.8em;
}
address {
	font-style: italic;
	margin: 0 0 1.8em;
}
pre {
	background: rgba(49,179,196,.1);
	border: 1px dotted #31b3c4;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	padding: 1.6em;
	overflow: auto;
	max-width: 100%;
}
code, kbd, tt, var {
	background: rgba(49,179,196,.1);
	border: 1px dotted #31b3c4;
	font: 12px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}
figure {
	margin: 0;
}
table {
	margin: 0 0 1.8em;
	width: 100%;
}
td {
	border-bottom: 1px dotted #999;
	padding: 5px;
}
tr.alternate {
	background: rgba(0,0,0,.01);
}
th {
	border-bottom: 1px dotted #999;
	font-family: 'PT Sans', Helvetica, sans-serif;
	font-weight: bold;
	padding: 7px 5px;
	text-transform: uppercase;
}
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
	*vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input {
	line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
	*overflow: visible;  /* Corrects inner spacing displayed oddly in IE6/7 */
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 0;
	background-color: #31b3c4;
	background-image: url('images/texture-blue-dark.png');
	background-size: 60px auto;
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	color: #fff;
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-family: 'PT Sans', Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
	padding: .5em;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	opacity: .9;
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	opacity: .7;
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
	padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
input[type=text],
input[type=email],
input[type=password],
textarea {
	background: #fff url('images/texture-transparent.png');
	background-size: 60px auto;
	color: #666;
	border: 1px dotted #ccc;
	border-radius: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
textarea:focus {
	color: #111;
}
input[type=text],
input[type=email],
input[type=password] {
	padding: 5px;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 98%;
}

/* Links */
a {
	color: #31b3c4;
	text-decoration: none;
}
a:visited {
	color: #31b3c4;
	text-decoration: none;
}
a:hover,
a:focus,
a:active {
	opacity: .7;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.8em;
	margin-top: .9em;
	margin-bottom: .9em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.8em;
	margin-top: .9em;
	margin-bottom: .9em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: .9em auto;
}

/* Text meant only for screen readers */
.assistive-text {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}


/* =Layout
----------------------------------------------- */

#page {
	background-color: #caeaf0;
	background-image: url('images/texture-background.png');
	background-size: 60px auto;
	min-height: 768px;
	width: 100%;
}
#main,
#masthead {
	margin: 0 auto;
	max-width: 60em;
	position: relative;
	z-index: 10;
}
.header-image {
	margin: .9em auto;
	text-align: center;
}
#primary {
	float: left;
	margin: 0 -25% 3.6em 0;
	width: 100%;
}
.active-sidebar #content {
	margin: 0 28% 0 0;
}
.page-template-nosidebar-page-php #content,
.single-attachment #content,
#content {
	margin: 0;
}
#secondary { /* Sidebar 1 */
	float: right;
	overflow: visible;
	width: 25%;
}
#secondary:before,
#secondary:after {
	content: "";
	display: table;
}
#secondary:after {
	clear: both;
}
#tertiary { /* Sidebar 2 */
	clear: right;
}
.site-footer {
	clear: both;
	position: relative;
	width: 100%;
	z-index: 4;
}


/* =Header
----------------------------------------------- */

#masthead {
	padding: 3em 0 1.8em;
	position: relative;
	text-align: center;
	z-index: 15;
}
#masthead:before,
#masthead:after {
	content: "";
	display: table;
}
#masthead:after {
	clear: both;
}
.site-title {
	background-image: url('images/texture-blue-dark.png');
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	border-bottom: 0;
	color: #d12d2f;
	display: block;
	font-family: 'Oleo Script Swash Caps', serif;
	font-size: 64px;
	font-size: 6.4rem;
	font-weight: normal;
	letter-spacing: 0;
	line-height: 1.25;
	margin: 0 auto;
	opacity: 1;
	position:relative;
	text-align: center;
	text-shadow: none;
	text-transform: capitalize;
	width: 100%;
}
@-moz-document url-prefix() {
	.site-title {
		background-image: none;
	}
}
.site-title:before {
	background: none;
	color: transparent;
	content: attr(data-text);
	display: block;
	position: absolute;
	text-align: center;
	text-shadow: 1px 1px 3px #fff;
	width: 100%;
	z-index: -1;
}
.site-title a:hover {
	opacity: 1;
}
.site-description {
	background-color: #caeaf0;
	background-image: url('images/texture-background.png');
	color: #d12d2f;
	display: inline-block;
	font-size: 20px;
	font-size: 2.0rem;
	padding: 0 10px;
	position: relative;
		top: 20px;
	text-shadow: 1px 1px 0px #fff;
}
.line-through {
	border-bottom: 1px dotted #d12d2f;
	margin: -20px 0 15px;
	text-align: center;
}


/* =Menu
----------------------------------------------- */

.main-navigation {
	clear: both;
	display: block;
	float: left;
	margin: .9em 0;
	width: 100%;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	text-align: center;
}
.main-navigation li {
	display: inline-block;
	position: relative;
}
.main-navigation a {
	display: block;
	margin: 5px 10px;
	text-decoration: none;
}
.main-navigation ul ul {
	background: #fff url('images/texture-transparent.png');
	background-size: 60px auto;
	border-top: 1px dotted #31b3c4;
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	float: left;
	opacity: 0;
	position: absolute;
		top: 2.5em;
		left: 0;
	transition: .3s opacity ease-in-out;
	-webkit-transition: .3s opacity ease-in-out;
	-o-transition: .3s opacity ease-in-out;
	-moz-transition: .3s opacity ease-in-out;
	visibility: hidden;
	text-align: left;
	z-index: 99999;
}
.main-navigation ul ul ul {
	left: 100%;
	top: 0;
}
.main-navigation ul ul a {
	width: 160px;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a {
}
.main-navigation ul ul :hover > a {
}
.main-navigation ul ul a:hover {
}
.main-navigation ul li:hover > ul {
	display: block;
	opacity: 1;
	transition: .3s opacity ease-in-out;
	-webkit-transition: .3s opacity ease-in-out;
	-o-transition: .3s opacity ease-in-out;
	-moz-transition: .3s opacity ease-in-out;
	visibility: visible;
}
.main-navigation li.current_page_item a,
.main-navigation li.current-menu-item a {
}

/* Small menu */
.menu-toggle {
	border-bottom: 0;
	clear: both;
	color: #31b3c4;
	cursor: pointer;
	display: block;
	margin: 0 auto;
	outline: none;
	padding-left: .75em;
	position: relative;
	width: 2.8em;
}
.menu-toggle:before {
	content: "";
	position: absolute;
		left: 0;
		top: 0.5em;
	width: .75em;
	height: 0.15em;
	background: #31b3c4;
	box-shadow:
    	0 0.25em 0 0 #31b3c4,
    	0 0.5em 0 0 #31b3c4;
}
.main-small-navigation .menu {
	background: rgba(255,255,255,.9);
	border-top: 1px dotted #31b3c4;
	display: none;
	margin: 0;
}
.main-small-navigation .menu > ul {
	margin: 0;
	padding: .9em 3.6em;
	text-align: left;
}


/* =Content
----------------------------------------------- */

.sticky:before {
	content: "";
	display: block;
	background: url('images/holly-left.png') no-repeat;
	background-size: 45px auto;
	position: absolute;
		top: 0;
		left: -30px;
	z-index: 10;
	width: 63px;
	height: 73px;
}
.hentry {
	background: rgba(255,255,255,.6);
	border-top: 1px dotted #31b3c4;
	margin: 0 0 1.8em;
	padding: .9em 1.8em;
	position: relative;
	box-shadow: 1px 1px 3px rgba(0,0,0,.08);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.08);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.08);
}
.hentry:before,
.hentry:after {
	content: "";
	display: table;
}
.hentry:after {
	clear: both;
}
.entry-meta {
	clear: both;
	font-variant: small-caps;
	margin: 1.8em 0 0;
	opacity: .3;
	transition: .3s opacity ease-in-out;
	-webkit-transition: .3s opacity ease-in-out;
	-o-transition: .3s opacity ease-in-out;
	-moz-transition: .3s opacity ease-in-out;
}
.entry-meta:hover {
	opacity: 1;
	transition: .3s opacity ease-in-out;
	-webkit-transition: .3s opacity ease-in-out;
	-o-transition: .3s opacity ease-in-out;
	-moz-transition: .3s opacity ease-in-out;
}
.byline {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.entry-title,
.entry-title a {
	color: #d12d2f;
	font-family: 'PT Sans', cursive;
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: bold;
	letter-spacing: -2px;
	margin: 0;
	text-transform: uppercase;
	text-shadow: 1px 1px 0px #fff;
}
.entry-title {
	border-bottom: 0;
}
.page-header {
	background: rgba(255,255,255,.5);
	border-top: 1px dotted #31b3c4;
	box-shadow: 1px 1px 3px rgba(0,0,0,.08);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.08);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.08);
	margin: 0 0 1.8em;
	padding: .9em 1.8em;
}
.page-title {
	border-bottom: 0;
	color: #31b3c4;
	margin: 0;
}
.entry-content,
.entry-summary {
	margin: .9em 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.8em;
}


/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title,
.blog .format-link .entry-title,
.archive .format-link .entry-title,
.blog .format-quote .entry-title,
.archive .format-quote .entry-title,
.blog .format-status .entry-title,
.archive .format-status .entry-title {
	display: none;
}
.blog .format-aside.hentry,
.archive .format-aside.hentry {
	background: transparent;
	border-bottom: 1px dotted #31b3c4;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.blog .format-aside .entry-meta,
.archive .format-aside .entry-meta {
	text-align: center;
}
.format-aside .entry-content,
.format-quote .entry-content {
	font-size: 20px;
	font-size: 2.0rem;
}


/* =Media
----------------------------------------------- */

.site-header img,
.entry-content img,
.header-image img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
.site-header img,
.entry-content img,
.header-image img,
.comment-content img,
img[class*="align"],
img[class*="wp-image-"],
.widget img {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.site-header img,
.entry-content img,
img.size-full {
	max-width: 100%;
}
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption {
	background: #fff url('images/texture-transparent.png');
	background-size: 60px auto;
	max-width: 100%;
}
.wp-caption.aligncenter,
.wp-caption.alignleft,
.wp-caption.alignright {
	margin-top: .9em;
	margin-bottom: .9em;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	padding: 2.5% 2.5% 0;
	max-width: 95%;
}
.wp-caption-text {
	font-style: italic;
	font-size: 85%;
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0;
	padding: .9em 0;
}
.site-content .gallery {
	margin-bottom: 1.8em;
}
.gallery-caption {
}
.site-content .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.site-content .gallery dd {
	margin: 0;
}
.site-content .gallery-columns-4 .gallery-item {
}
.site-content .gallery-columns-4 .gallery-item img {
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* =Navigation
----------------------------------------------- */

#nav-above {
	display: none;
}
.site-content .site-navigation {
	clear: both;
	margin: 0;
	padding: 0 1.8em 1.8em;
	overflow: hidden;
}
.site-content .nav-previous,
.prev-image {
	float: left;
	width: 50%;
}
.site-content .nav-next,
.next-image {
	float: right;
	text-align: right;
	width: 50%;
}
.sep {
	margin: 0 3px;
}


/* =Comments
----------------------------------------------- */

.bypostauthor {
}
#comments {
	background: rgba(255,255,255,.6);
	box-shadow: 1px 1px 3px rgba(0,0,0,.08);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.08);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.08);
	padding: .9em 1.8em;
}
.form-allowed-tags {
	display: none;
}
.commentlist,
.commentlist ul.children {
	list-style: none;
	margin: 0;
	padding: 0;
}
.commentlist ul.children {
	margin: 0 0 0 1.8em;
}
.commentlist ul.children li:before {
	content: "";
}
li.comment,
.pingback,
.trackback {
	border-top: 1px dotted #31b3c4;
	clear: both;
	margin: 1.8em 0 0;
	padding: 1.8em 0 0;
}
.commentlist > li.comment:first-child,
.commentlist > .pingback:first-child,
.commentlist > .trackback:first-child {
	border-top: 0 none;
}
.pingback p,
.trackback p {
	margin: 0;
}
.comment-author cite {
}
.comment-author .avatar {
	float: left;
	margin: 0 1.8em 0 0;
}
.comment-content {
	margin: 1.8em 0 0 76px;
}
.comment-meta {
	font-variant: small-caps;
}
a.comment-reply-link {
	display: inline-block;
	float: right;
	margin: 0;
}
a#cancel-comment-reply-link {
	display: block;
	float: right;
	font-style: normal;
}
.required {
	color: #d12d2f;
}
#respond {
	padding: 1.8em 0 0;
}
#reply-title {
	margin: 0;
}
.says {
	display: none;
}
.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-comment {
	background: #fff url('images/texture-transparent.png');
	background-size: 60px auto;
	border: 1px solid #eee;
	border-radius: 2px;
	margin: 0 0 .5em;
	padding: 5px 10px;
	position: relative;
	font-variant: small-caps;
	max-width: 92%;
}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
	float: right;
	width: 84%;
}
.comment-form-comment textarea {
	clear: both;
	width: 100%;
}
.nocomments {
	clear: both;
	font-size: 18px;
	font-size: 1.8rem;
	font-variant: small-caps;
	text-align: center;
}


/* =Widgets
----------------------------------------------- */

.widget {
	background: rgba(255,255,255,.6);
	border-top: 1px dotted #31b3c4;
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.08);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.08);
	box-shadow: 1px 1px 3px rgba(0,0,0,.08);
	font-size: 90%;
	margin: 0 0 1.8em;
	padding: .9em 1.8em;
	position: relative;
}
.widget > ul,
.widget > ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
.widget-title {
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	text-shadow: 1px 1px 0px #fff;
}

/* Search widget */
.search-icon {
	border: 0;
	color: #31b3c4;
	display: block;
	margin: -26px 0 0;
	opacity: .7;
	position: relative;
		left: 135px;
	width: 30px;
	height: 20px;
}
.search-icon:before {
	background: transparent;
	border: 3px solid #31b3c4;
	border-radius: 12px;
	content: "";
	display: block;
	margin: -8px 0 0;
	padding: 0;
	position: absolute;
		top: 50%;
		left: 0;
	width: 8px;
	height: 8px;
}
.search-icon:after {
	background: #31b3c4;
	content: "";
	display: block;
	margin-top: 0;
	padding: 0;
	position: absolute;
		top: 55%;
		left: 12px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 4px;
	height: 9px;
}
.search-icon:hover,
.search-icon:before:hover,
.search-icon:after:hover {
	opacity: .5;
}
.search-icon #searchsubmit {
	background: none;
	box-shadow: none;
	padding: 0;
	text-indent: -9999px;
	width: 100%;
	height: 100%;
	z-index: 10;
}

/* Calendar widget */
#wp-calendar td,
#wp-calendar th {
	text-align: center;
}
#wp-calendar caption {
	font-size: 16px;
	font-size: 1.6rem;
	font-variant: small-caps;
	font-weight: bold;
	margin: .9em 0;
	text-align: center;
}
#wp-calendar #next {
	text-align: right;
}
#wp-calendar #prev {
	text-align: left;
}


/* =Footer
----------------------------------------------- */

#colophon {
	clear: both;
	width: 100%;
}
.site-info {
	text-align: center;
	position: absolute;
		bottom: 20px;
	text-align: center;
	font-variant: small-caps;
	width: 100%;
	z-index: 3;
}
.site-info:before {
	background: url('images/tree.png') no-repeat;
	background-size: auto 302px;
	content: "";
	display: block;
	position: fixed;
		left: 100px;
		bottom: 50px;
	width: 271px;
	height: 302px;
	z-index: 3;
}
#colophon:before {
	background: url('images/snowbackground2.png') repeat;
	background-position: 60px;
	background-size: 600px auto;
	content: "";
	display: block;
	position: fixed;
		left: 0;
		bottom: 35px;
	width: 100%;
	height: 112px;
	z-index: 2;
}
#colophon:after {
	background: url('images/snowbackground.png') repeat;
	background-size: 600px auto;
	content: "";
	display: block;
	position: fixed;
		left: 0;
		bottom: 0;
	width: 100%;
	height: 112px;
	z-index: 2;
}


/* =Snowflakes
----------------------------------------------- */

#snowflakes-1,
#snowflakes-2 {
	background-attachment: fixed;
	background-color: transparent;
	background-repeat: repeat;
	background-size: 400px auto;
	position: absolute;
		top: 0;
		left: 0;
	width: 100%;
	height: 100%;
	zoom: 1;
}
#snowflakes-1 {
	background-image: url('images/snowflakes.png');
	background-position: 0 0;
	opacity: .4;
	z-index: 4;
}
#snowflakes-2 {
	background-image: url('images/snowflakes.png');
	background-position: 80px 80px;
	opacity: .6;
	z-index: 1;
}


/* =Jetpack
------------------------------------------------*/

/* Hides navigation links and site footer when infinite scroll is active */
.infinite-scroll #nav-below {
	display: none;
}
#infinite-footer .container {
	background: rgba(255,255,255,.3);
	border: none;
}
#infinite-footer .blog-credits,
#infinite-footer .blog-credits a,
#infinite-footer .blog-credits a:hover,
#infinite-footer .blog-info a,
#infinite-footer .blog-info a:hover {
	color: #31b3c4;
}
#infinite-handle {
	min-height: 35px;
	padding: 15px 0 0;
	text-align: center;
}
#infinite-handle span {
	background: #31b3c4;
}
.infinite-loader {
	margin: 10px auto;
	width: 34px
}
.sharedaddy:before,
.sharedaddy:after {
	content: "";
	display: table;
}
.sharedaddy:after {
	clear: both;
}


/* =Responsive Media Queries
----------------------------------------------- */

@media screen and ( max-width: 56em ) {
	.hentry:before {
		background: url('images/holly.png') no-repeat;
		background-size: 45px auto;
		left: auto;
		top: 10px;
		right: 0;
	}
}

@media screen and ( max-width: 44em ) {

	#content,
	#secondary {
		clear: both;
		float: none;
		margin: 0;
		width: 100%;
	}
	#primary {
		margin-bottom: 0;
	}
	#secondary {
		margin-bottom: 3.6em;
	}
	.hentry,
	.widget,
	#comments {
		background: rgba(255,255,255,.8);
		margin: 0;
	}
	.site-info:before {
		background-position: 43%;
		width: 100%;
		left: 0;
	}
	.site-title,
	.site-title:before {
		font-size: 48px;
		font-size: 4.8rem;
	}
	.site-description {
		font-size: 18px;
		font-size: 1.8rem;
		margin: 0 1.8em;
	}
	.line-through {
		border: 0;
	}
	.site-content .site-navigation {
		clear: both;
		margin: 0;
		padding: 1.8em;
	}
}